:root{
  --blue--:rgba(0, 78, 162, 1);
  --red--:rgba(236, 27, 35, 1);
  --header_height--:90px;
}
@media (max-width: 1200px) {
  :root{
    --header_height--:70px;
  }
}
body {
  overflow-x: hidden;
}
@font-face {
  font-family: AlibabaPuHuiTi-2-65-Medium;
  src: url(../font/AlibabaPuHuiTi-2-65-Medium.ttf), 
}
@font-face {
  font-family: AlibabaPuHuiTi-2-55-Regular;
  src: url(../font/AlibabaPuHuiTi-2-55-Regular.ttf), 
}
@font-face {
  font-family: AlibabaPuHuiTi-2-45-Light;
  src: url(../font/AlibabaPuHuiTi-2-45-Light.ttf), 
}
@font-face {
  font-family: Lato-Light-4;
  src: url(../font/Lato-Light-4.ttf), 
}
@font-face {
  font-family: LogoSCUnboundedSans-Regular-2;
  src: url(../font/LogoSCUnboundedSans-Regular-2.ttf), 
}
@font-face {
  font-family: D-DINExp;
  src: url(../font/D-DINExp.ttf), 
}
@font-face {
  font-family: Poppins-Medium;
  src: url(../font/Poppins-Medium.ttf), 
}
*{
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-family: 'AlibabaPuHuiTi-2-45-Light', "Microsoft YaHei", 'Arial';
}
*:focus {
  outline: none;
}
ul,li {
  list-style: none;
}
a:hover,a {
  text-decoration: none;
  color: #303133;
}
img {
  border: none;
  max-width: 100%;
}
textarea{
  resize: none;
}
dl,dd,p {
  margin: 0;
}
ul,li {
  margin-bottom: 0;
  padding-left: 0;
}
@media (min-width: 1920px) {
  .container{
    --bs-gutter-x:0;
  }
}
header{
  position: fixed;
  width: 100%;
  height:var(--header_height--);
  left:0;
  top:0;
  z-index: 100;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  z-index: 9999;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 4.81%, rgba(0, 0, 0, 0) 100%);
}
header::after{
  content: '';
  position: absolute;
  left:0;
  bottom: -2px;
  width:100%;
  height:1px;
  background: rgba(228, 231, 237, .2);
}
header.white{
  background: #ffffff;
}
header .container-fluid{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height:100%;
  padding:0 40px 0 76px;
}
@media (max-width: 1700px) {
  header .container-fluid{
    padding:0 30px;
  }
}
@media (max-width: 1200px) {
  header .container-fluid{
    padding:0 20px;
  }
}
@media (max-width: 576px) {
  header .container-fluid{
    padding:0 16px;
  }
}
.nav-right{
  display: flex;
  align-items: center;
  height:100%;
}
.logo{
  max-width: 92px;
  max-height: 41px;
}
@media (max-width: 576px) {
  .logo{
  max-width: 75px;
  max-height: 33px;
} 
}
header.white .logo a img:first-child,
.logo a img:last-child{
  display: none;
}
header.white .logo a img:last-child{
  display: block;
}
.nav_box{
  display: flex;
  align-items:center;
  height:100%;
  padding-right: 36px;
}
@media (max-width: 1440px) {
  .nav_box{
    padding-right: 20px;
  }
}
@media (max-width: 1200px) {
  .nav_box{
    padding-right: 10px;
  }
}
@media (max-width: 992px) {
  .nav_box{
    display: none;
  }
}
.nav_box>ul>li.nav_more{
  position: absolute;
  left:40px;
  bottom:-2px;
  z-index:111;
  width:0px;
  height:2px;
  background: var(--red--);
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.nav_box>ul{
  display: flex;
  height: 100%;
  position: relative;
}
.nav_box ul>li{
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.nav_box ul>li>a{
  display: flex;
  align-items: center;
  padding:0 35px;
  height: 100%;
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(255, 255, 255, 1);
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 1440px) {
  .nav_box ul>li>a{
    font-size:17px;
    padding:0 20px;
  }
}
@media (max-width: 1200px) {
  .nav_box ul>li>a{
    font-size:16px;
    padding:0 15px;
  }
}
header.white .nav_box ul>li>a{
  color: rgba(48, 49, 51, 1);
}
.nav_box ul>li .sub_main{
  display: none;
  position: absolute;
  z-index: 8888;
  left:50%;
  top:var(--header_height--);
  width:120px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.4);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.06);
}
.nav_box ul>li .sub_max{
  width: 160px;
}
@media (max-width: 1200px) {
  .nav_box ul>li .sub_main{
    top:70px;
  }
}
.sub_main dl{
  padding:10px 0;
}
.sub_main dl dd a{
  display: flex;
  align-items: center;
  justify-content: center;
  height:52px;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1200px) {
  .sub_main dl dd a{
    font-size:14px;
    height:42px;
  }
}
@media (max-width: 1200px) {
  .sub_main dl dd a{
    font-size:13px;
    height:36px;
  }
}
.sub_main dl dd a:hover{
  color: var(--red--);
}
header.white .nav_box ul>li.on>a,
header.white .nav_box ul>li:hover>a,
.nav_box ul>li.on>a,
.nav_box ul>li:hover>a{
  color: var(--red--);

}
.navi-lan{
  margin-right: 44px;
}
@media (max-width: 1440px) {
  .navi-lan{
    margin-right: 20px;
  }
}
@media (max-width: 1200px) {
  .navi-lan{
    margin-right: 10px;
  }
}
.navi-lan a{
  position: relative;
  display:inline-block;
  padding:0 10px;
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-align: left;
  color: rgba(255, 255, 255, .5);
}
@media (max-width: 1200px) {
  .navi-lan a{
    font-size:16px;
    padding:0 8px;
  }
}
@media (max-width: 992px) {
  .navi-lan a{
    font-size:14px;
  }
}
.navi-lan a:first-child::after{
  content: '';
  width:1px;
  height:18px;
  background:rgba(255, 255, 255, .5) ;
  position: absolute;
  top:50%;
  right:0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
@media (max-width: 1200px) {
  .navi-lan a:first-child::after{
    height:14px;
  }
}
.navi-lan a.on{
  color: rgba(255, 255, 255, 1);
}
header.white .navi-lan a{
  color: rgba(48, 49, 51, 0.5);
}
header.white .navi-lan a.on{
  color: rgba(48, 49, 51, 1);
}
header.white .navi-lan a:first-child::after{
  background: rgba(48, 49, 51, .5);
}
.navi-lan a:hover{
  color:var(--red--);
}
.navi-search{
  cursor: pointer;
}
@media (max-width: 1440px) {
  .navi-search svg{
    width:26px;
    height:26px;
  }
}
@media (max-width: 1200px) {
  .navi-search svg{
    width:20px;
    height:20px;
  }
}
@media (max-width: 992px) {
  .navi-search{
    display: none;
  }
}
.navi-search:hover{
  animation: Search .3s  ;
  -webkit-animation: Search .3s  ;
  animation-iteration-count:1;
}
@keyframes Search {
  0% {
    transform: translateY(0px) ;
    -webkit-transform: translateY(0px) ;
    -moz-transform: translateY(0px) ;
    -ms-transform: translateY(0px) ;
    -o-transform: translateY(0px) ;
}
  50% {
    transform: translateY(-4px) ;
    -webkit-transform: translateY(-4px) ;
    -moz-transform: translateY(-4px) ;
    -ms-transform: translateY(-4px) ;
    -o-transform: translateY(-4px) ;
}
  100% {
    transform: translateY(0px) ;
    -webkit-transform: translateY(0px) ;
    -moz-transform: translateY(0px) ;
    -ms-transform: translateY(0px) ;
    -o-transform: translateY(0px) ;
}
}
/* 第一屏 轮播图 */
#carousel_swiper .swiper-slide{
  width:100vw;
  height:100vh;
  position: relative;
}
.rotation-pc{
  width:100vw;
  height:100vh;
  background-repeat: no-repeat;
  background-position:top center;
  background-size: cover;
}
.down{
    cursor: pointer;
  position: absolute;
  left:50%;
  bottom: 40px;
  z-index: 2222;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  display: flex;
  flex-direction:column;
  align-items: center;
  animation: Down 2.5s  ;
  -webkit-animation: Down 2.5s  ;
  animation-iteration-count:infinite;
}
@media (max-width: 576px) {
  .down{
    bottom: 10px;
  }
}
@media (max-width: 1440px) {
  .down svg{
    height:50px;
    width:50px;
  }
}
@media (max-width: 992px) {
  .down svg{
    height:40px;
    width:40px;
  }
}
@media (max-width: 576px) {
  .down svg{
    height:30px;
    width:30px;
  }
}
@keyframes Down {
  0% {
    transform: translateY(0px) translateX(-50%);
    -webkit-transform: translateY(0px) translateX(-50%);
    -moz-transform: translateY(0px) translateX(-50%);
    -ms-transform: translateY(0px) translateX(-50%);
    -o-transform: translateY(0px) translateX(-50%);
}
  50% {
    transform: translateY(-10px) translateX(-50%);
    -webkit-transform: translateY(-10px) translateX(-50%);
    -moz-transform: translateY(-10px) translateX(-50%);
    -ms-transform: translateY(-10px) translateX(-50%);
    -o-transform: translateY(-10px) translateX(-50%);
}
  100% {
    transform: translateY(0px) translateX(-50%);
    -webkit-transform: translateY(0px) translateX(-50%);
    -moz-transform: translateY(0px) translateX(-50%);
    -ms-transform: translateY(0px) translateX(-50%);
    -o-transform: translateY(0px) translateX(-50%);
}
}
.down span{
  display: block;
  margin-bottom: 12px;
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  color:var(--red--);
}
@media (max-width: 1440px) {
  .down span{
    font-size:14px;
  }
}
@media (max-width: 576px) {
  .down span{
    display: none;
  }
}
/* 走进 */
.about{
  width:100%;
  margin-top:var(--header_height--);
  height: calc( 100vh - var(--header_height--) );
  background: #f6f7f9;
  overflow: hidden;
  position: relative;
}
@media (max-width: 768px) {
  .about{
    margin-top:0px;
    height: auto;
    padding:60px 0 30px 0;
  }
}
@media (max-width: 576px) {
  .about{
    padding:50px 0 20px 0;
  }
}
.about-main{
  display: flex;
  justify-content: center;
}
@media (max-width: 1440px) {
  .about-main{
    padding:0 4%;
    height:100%;
    align-items: flex-start;
  }
}
@media (max-width: 1200px) {
  .about-main{
    align-items: center;
  }
}
@media (max-width: 768px) {
  .about-main{
    flex-direction: column-reverse;
  }
}
.about-r{
  max-width: 723px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  width:51.27%;
}
@media (max-width: 1440px) {
  .about-r{
    height: 100%;
  }
}
@media (max-width: 1200px) {
  .about-r{
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .about-r{
    width:100%;
  }
}
.about-top{
  position: relative;
  margin-top:26%;
}
@media (max-width: 1200px) {
  .about-top{
    margin-top:0;
  }
}
.about-top::after{
  content: '';
  width:564px;
  height:199px;
  background:url(../images/about-top.png) no-repeat center;
  background-size: cover;
  position: absolute;
  left:0;
  top:0;
  z-index: 111;
  transform: translateY(-43%);
  -webkit-transform: translateY(-43%);
  -moz-transform: translateY(-43%);
  -ms-transform: translateY(-43%);
  -o-transform: translateY(-43%);
}
@media (max-width: 1440px) {
  .about-top::after{
    width:450px;
    height:160px;
  }
}
@media (max-width: 1200px) {
  .about-top::after{
    width: 360px;
    height: 128px;
  }
}
@media (max-width: 992px) {
  .about-top::after{
    width: 280px;
    height: 100px;
  }
}
@media (max-width: 768px) {
  .about-top::after{
    width: 200px;
    height: 71px;
  }
}
@media (max-width: 576px) {
  .about-top::after{
    width: 160px;
    height: 57px;
  }
}
.about-top span{
  position: relative;
  z-index: 222;
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-size: 50px;
  line-height: 1.2;
  text-align: left;
  color: rgba(0, 0, 0, 1);
}
@media (max-width: 1440px) {
  .about-top span{
    font-size:45px;
  }
}
@media (max-width: 1200px) {
  .about-top span{
    font-size:40px;
  }
}
@media (max-width: 992px) {
  .about-top span{
    font-size:35px;
  }
}
@media (max-width: 768px) {
  .about-top span{
    font-size:30px;
  }
}
.develop-top span::after,
.about-left span::after,
.product-top span::after,
.about-top span::after{
  content: '';
  width:19px;
  height:13px;
  background: url(../images/about-span.svg) no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  right:0;
  transform: translateX(150%) translateY(-100%);
  -webkit-transform: translateX(150%) translateY(-100%);
  -moz-transform: translateX(150%) translateY(-100%);
  -ms-transform: translateX(150%) translateY(-100%);
  -o-transform: translateX(150%) translateY(-100%);
}
@media (max-width: 576px) {
  .develop-top span::after,
  .about-left span::after,
  .product-top span::after,
  .about-top span::after{
    width:14px;
    height:10px;
    transform: translateX(120%) translateY(-40%);
    -webkit-transform: translateX(120%) translateY(-40%);
    -moz-transform: translateX(120%) translateY(-40%);
    -ms-transform: translateX(120%) translateY(-40%);
    -o-transform: translateX(120%) translateY(-40%);
}
}
.about-desc{
  margin-top:11%;
}
@media (max-width: 1440px) {
  .about-desc{
    margin-top:10%;
  }
}
@media (max-width: 1200px) {
  .about-desc{
    margin-top:8%;
  }
}
@media (max-width: 992px) {
  .about-desc{
    margin-top:6%;
  }
}
@media (max-width: 768px) {
  .about-desc{
    margin-top:4%;
  }
}
.about-desc p{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 1px;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 1440px) {
  .about-desc p{
    font-size:16px;
  }
}
@media (max-width: 992px) {
  .about-desc p{
    font-size:14px;
  }
}
@media (max-width: 768px) {
  .about-desc p{
    text-indent: 2rem;
  }
}
.about-l{
  max-width: 682px;
  width:48.36%;
  margin-top:5.5%;
  padding-right: 3%;
  position: relative;
}
@media (max-width: 1200px) {
  .about-l{
    margin-top:0;
  }
}
@media (max-width: 768px) {
  .about-l{
    width: 100%;
    padding-right:0;
    margin-top:30px;
  }
}
@media (max-width: 576px) {
  .about-l{
    margin-top:20px;
  }
}
.about-more{
  width:180px;
  height:60px;
  background: var(--blue--);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  color: rgba(255, 255, 255, 1);
  cursor: pointer;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  z-index: 1;
}
@media (max-width: 1440px) {
  .about-more{
    width:160px;
    height:50px;
  }
}
.about-r .about-more{
  margin-top:20%;
}
@media (max-width: 1440px) {
  .about-r .about-more{
    position: absolute;
    left:0;
    bottom: 10%;
    margin-top:0;
  }
}
@media (max-width: 1200px) {
  .about-r .about-more{
    bottom: 5%;
  }
}
@media (max-width: 768px) {
  .about-r .about-more{
    position:relative;
    bottom: auto;
    margin-top:20px;
  }
}
.about-more:hover{
  color:#ffffff;
}
.about-more::after,
.about-more::before{
  content: '';
  position: absolute;
  width:290%;
  top:0;
  z-index:-1;
  aspect-ratio: 1;
  border:none;
  border-radius: 40%;
  -webkit-border-radius: 40%;
  -moz-border-radius: 40%;
  -ms-border-radius: 40%;
  -o-border-radius: 40%;
  background-color:var(--red--);
  transition: 3s;
  -webkit-transition: 3s;
  -moz-transition: 3s;
  -ms-transition: 3s;
  -o-transition: 3s;
}
.about-more::before{
  left:-80%;
  transform: translate3d(0,5em,0) rotate(-340deg);
  -webkit-transform: translate3d(0,5em,0) rotate(-340deg);
  -moz-transform: translate3d(0,5em,0) rotate(-340deg);
  -ms-transform: translate3d(0,5em,0) rotate(-340deg);
  -o-transform: translate3d(0,5em,0) rotate(-340deg);
}
.about-more::after{
  right: -80%;
  transform: translate3d(0,5em,0) rotate(390deg);
  -webkit-transform: translate3d(0,5em,0) rotate(390deg);
  -moz-transform: translate3d(0,5em,0) rotate(390deg);
  -ms-transform: translate3d(0,5em,0) rotate(390deg);
  -o-transform: translate3d(0,5em,0) rotate(390deg);
}
.about-more:hover::before,
.about-more:hover::after{
  background-color: var(--red--);
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
}
.about-more svg{
  margin-left:14px;
}
@media (max-width: 1200px) {
  .about-more{
    width:140px;
    height:40px;
    font-size: 14px;
  }
  .about-more svg{
    width:22px;
    height:21px;
    margin-left:8px;
  }
}
@media (max-width: 992px) {
  .about-more{
    width:120px;
    height:36px;
    font-size: 13px;
  }
  .about-more svg{
    width:18px;
    height:17px;
    margin-left:4px;
  }
}
@media (max-width: 768px) {
  .about-more{
    width:100px;
    height:32px;
    font-size: 13px;
  }
  .about-more svg{
    display: none;
  }
}
@media (max-width: 576px) {
  .about-more{
    width:80px;
    height:26px;
    font-size: 12px;
  }
}
.about-l-pic1{
  position: absolute;
  max-width:346px;
  width:50.73%;
  max-height:300px;
  top:0;
  left:0;
}
.about-l-pic2{
  position: absolute;
  right:0;
  top:26.5%;
  right:8%;
  max-width:350px;
  width:51.31%;
  max-height:300px;
}
.about-l-svg1{
  position: absolute;
  top:8%;
  left:50%;
  max-width: 100px;
  width:14.66%;
  max-height:87px;
  transform: translateX(-13%);
  -webkit-transform: translateX(-13%);
  -moz-transform: translateX(-13%);
  -ms-transform: translateX(-13%);
  -o-transform: translateX(-13%);
}
.about-l-svg2{
  position: absolute;
  max-width: 200px;
  width:29.32%;
  max-height:174px;
  bottom:8%;
  left:21%;
}
.about-side{
  position: absolute;
  right:0px;
  top:250px;
  display: flex;
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
}
@media (max-width: 1680px) {
    .about-side{
        top:150px;
        right:-80px;
    }
}
@media (max-width: 1440px) {
  .about-side{
    top:100px;
    right:0px;
  }
}
@media (max-width: 992px) {
  .about-side{
    top:70px;
  }
}
@media (max-width: 768px) {
  .about-side{
    display: none;
  }
}
.about-side span{
  font-family: 'Lato-Light-4';
  font-size: 49px;
  font-weight: 300;
  line-height: 1.8;
  text-align: left;
  text-transform: uppercase;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1440px) {
  .about-side span{
    font-size:30px;
  }
}
@media (max-width: 992px) {
  .about-side span{
    font-size:20px;
  }
}
.about-side p{
  position: relative;
  margin-left: 32px;
  font-family: 'LogoSCUnboundedSans-Regular-2';
  font-size: 49px;
  font-weight: 400;
  line-height: 1.8;
  text-align: left;
  color:var(--blue--);
}
@media (max-width: 1440px) {
  .about-side p{
    font-size:30px;
    margin-left:16px;
  }
}
@media (max-width: 992px) {
  .about-side p{
    font-size:22px;
    margin-left:10px;
  }
}
.about-side p::after{
  content: '';
  width:1px;
  height:196px;
  background: url(../images/about-side.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  top: -5px;
  left:100%;
  z-index: 111;
  transform: rotate(-270deg);
  -webkit-transform: rotate(-270deg);
  -moz-transform: rotate(-270deg);
  -ms-transform: rotate(-270deg);
  -o-transform: rotate(-270deg);
}
@media (max-width: 1440px) {
  .about-side p::after{
    height:110px;
    left:70%;
  }
}
@media (max-width: 992px) {
  .about-side p::after{
    height:80px;
    left:60%;
  }
}
/* 产品中心 */
.product{
  width:100vw;
  height:100vh;
  background: url(../images/product-bg.jpg) no-repeat center;
  background-size: cover;
  padding-top:var(--header_height--);
}
@media (max-width: 768px) {
  .product{
    height:auto;
    padding:60px 0 30px 0;
  }
}
@media (max-width: 576px) {
  .product{
    height:auto;
    padding:50px 0 30px 0;
  }
}
.product .container{
  position: relative;
  height: calc( 100vh - var(--header_height--) );
}
@media (max-width: 1200px) {
  .product .container{
    display: flex;
    align-items: center;
  }
}
@media (max-width: 768px) {
  .product .container{
    height: auto;
    flex-direction: column;

  }
}
.product-tag{
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: 100%;
  left:50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  bottom:6%;
}
@media (max-width: 992px) {
  .product-tag{
    bottom: 3%;
  }
}
@media (max-width: 768px) {
  .product-tag{
    padding:0 10%;
    flex-direction: column;
    position: relative;
    bottom: auto;
    left:0;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
  #product_swiper2 .swiper-wrapper{
    align-items: center;
  }
}
.product-li{
  flex:1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  position: relative;
}
@media (max-width: 768px) {
  .product-li{
    margin-top: 20px;
  }
}
@media (max-width: 576px) {
  .product-li{
    margin-top: 16px;
  }
}
.product-name{
  position: absolute;
  top:50%;
  left:13.86%;
  margin-bottom: 10px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
@media (max-width: 1200px) {
  .product-name{
    display: flex;
    align-items: center;
    left:10%;
  }
}

.product-name span{
  font-family: 'D-DINExp';
  font-size: 26px;
  font-weight: 400;
  line-height: 1.4;
  color: rgba(144, 147, 153, 1);
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 1440px) {
  .product-name span{
    font-size:22px;
  }
}
@media (max-width: 1200px) {
  .product-name span{
    font-size:18px;
  }
}
.product-li.on .product-name span{
  color:#ffffff;
}
.product-name p{
  font-family:'AlibabaPuHuiTi-2-65-Medium';
  font-size: 20px;
  line-height: 1.4;
  color: rgba(48, 49, 51, 1);
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 1440px) {
  .product-name p{
    font-size:18px;
  }
}
@media (max-width: 1200px) {
  .product-name p{
    font-size:16px;
    margin-left:10px;
  }
}
@media (max-width: 992px) {
  .product-name p{
    font-size:14px;
    margin-left:6px;
  }
}
.product-li.on .product-name p{
  color:#ffffff;
}
.product-li img.img1{
  display: block;
}
.product-li img.img2{
  display: none;
}
.product-li.on img.img1{
  display: none;
}
.product-li.on img.img2{
  display: block;
}
.product-svg{
  position: absolute;
  top:50%;
  right:13.86%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
@media (max-width: 1200px) {
  .product-svg{
    right:10%;
  }
}
@media (max-width: 1440px) {
  .product-svg svg{
    width:50px;
    height:50px;
  }
}
@media (max-width: 1200px) {
  .product-svg svg{
    width:40px;
    height:40px;
  }
}
@media (max-width: 992px) {
  .product-svg svg{
    width:30px;
    height: 30px;
  }
}
@media (max-width: 576px) {
  .product-svg svg{
    width:26px;
    height: 26px;
  }
}
.product-li .product-svg svg path{
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.product-li.on .product-svg svg path{
  fill:#ffffff;
}
.product-main{
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1200px) {
  .product-main{
    width: 100%;
  }
}
@media (max-width: 992px) {
  .product-main{
    flex-direction: column;
    align-items: center;
  }
}
.product-top span{
  position: relative;
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 50px;
  line-height: 1;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1440px) {
  .product-top span{
    font-size:45px;
  }
}
@media (max-width: 1200px) {
  .product-top span{
    font-size:40px;
  }
}
@media (max-width: 992px) {
  .product-top span{
    font-size:35px;
  }
}
@media (max-width: 768px) {
  .product-top span{
    font-size:30px;
  }
}
@media (max-width: 576px) {
  .product-top span{
    font-size:25px;
  }
}
.product-side{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 992px) {
  .product-side{
    align-items: center;
  }
}
.product-side p{
  font-family:'AlibabaPuHuiTi-2-55-Regular';
  font-size: 36px;
  font-weight: 500;
  line-height: 1.8;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1440px) {
  .product-side p{
    font-size:32px;
  }
}
@media (max-width: 1200px) {
  .product-side p{
    font-size:28px;
  }
}
@media (max-width: 992px) {
  .product-side p{
    font-size:24px;
  }
}
@media (max-width: 768px) {
  .product-side p{
    font-size:20px;
  }
}
@media (max-width: 576px) {
  .product-side p{
    font-size:18px;
  }
}
.product-more{
  width: 180px;
  height:60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border:1px solid rgba(255, 255, 255, .5);
  font-size: 16px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 1);
  position: relative;
  overflow: hidden;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
}
@media (max-width: 1440px) {
  .product-more{
    width: 160px;
    height:50px;
  }
}
@media (max-width: 1200px) {
  .product-more{
    width: 140px;
    height:46px;
    font-size: 16px;
  }
}
@media (max-width: 992px) {
  .product-more{
    width:120px;
    height:38px;
    font-size: 14px;
  }
}
@media (max-width: 576px) {
  .product-more{
    width:110px;
    height:34px;
  }
}
.product-more:hover{
  color:#ffffff;
  border:1px solid var(--blue--);
}
.product-more::after,
.product-more::before{
  content: '';
  position: absolute;
  width:290%;
  top:0;
  z-index:-1;
  aspect-ratio: 1;
  border:none;
  border-radius: 40%;
  -webkit-border-radius: 40%;
  -moz-border-radius: 40%;
  -ms-border-radius: 40%;
  -o-border-radius: 40%;
  background-color:var(--blue--);
  transition: 3s;
  -webkit-transition: 3s;
  -moz-transition: 3s;
  -ms-transition: 3s;
  -o-transition: 3s;
}
.product-more::before{
  left:-80%;
  transform: translate3d(0,5em,0) rotate(-340deg);
  -webkit-transform: translate3d(0,5em,0) rotate(-340deg);
  -moz-transform: translate3d(0,5em,0) rotate(-340deg);
  -ms-transform: translate3d(0,5em,0) rotate(-340deg);
  -o-transform: translate3d(0,5em,0) rotate(-340deg);
}
.product-more::after{
  right: -80%;
  transform: translate3d(0,5em,0) rotate(390deg);
  -webkit-transform: translate3d(0,5em,0) rotate(390deg);
  -moz-transform: translate3d(0,5em,0) rotate(390deg);
  -ms-transform: translate3d(0,5em,0) rotate(390deg);
  -o-transform: translate3d(0,5em,0) rotate(390deg);
}
.product-more:hover::before,
.product-more:hover::after{
  background-color: var(--blue--);
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
}
.product-more svg{
  margin-left: 14px;
}
@media (max-width: 1200px) {
  .product-more svg{
    margin-left: 6px;
    width:22px;
    height:21px;
  }
}
@media (max-width: 576px) {
  .product-more svg{
    margin-left: 3px;
    width:18px;
    height:17px;
  }
}
.product-side .product-more{
  margin-top:12%;
}
@media (max-width: 992px) {
  .product-side .product-more{
    margin-top:8%;
  }
}
@media (max-width: 576px) {
  .product-side .product-more{
    margin-top:6%;
  }
}
.product-wrapper{
  margin-top:29%;
  width: 100%;
}
@media (max-width: 1440px) {
  .product-wrapper{
    margin-top:20%;
  }
}
@media (max-width: 992px) {
  .product-wrapper{
    margin:10% 0;
  }
}
@media (max-width: 768px) {
  .product-wrapper{
    margin:30px 0;
  }
}
.product-l{
  max-width:300px;
  width:30.83%;
  margin-top: 6.6%;
}
@media (max-width: 1200px) {
  .product-l{
    margin-top:0;
  }
}
@media (max-width: 992px) {
  .product-l{
    width:100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.product-r{
  max-width: 916px;
  width:63.61%;
  margin-top:5%;
}
@media (max-width: 1440px) {
  .product-r{
    margin-top:3%;
    width:60%;
  }
}
@media (max-width: 1200px) {
  .product-r{
    margin-top:0;
  }
}
.product-pic{
  display: flex;
  justify-content: center;
}
.product-pic2{
    padding-top:5%;
}
@media (max-width: 1200px) {
.product-pic2{
    padding-top:2%;
}
}
@media (max-width: 992px) {
    .product-pic2{
    padding-top:0%;
}
}
.product-pic img{
  /* max-width: 900px; */
  max-width: 100%;
  max-height: 500px;
}
#fp-nav{
  top:48%;
}
#fp-nav ul li,
.fp-slidesNav ul li{
  margin:30px 7px;
}
@media (max-width: 1200px) {
    #fp-nav ul li,
    .fp-slidesNav ul li{
      margin:20px 7px;
    }
}
#fp-nav ul li a span, 
.fp-slidesNav ul li a span{
  width: 8px;
  height:8px;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
@media (max-width: 768px) {
  #fp-nav ul li a span, 
  .fp-slidesNav ul li a span{
    width: 5px;
    height:5px;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.25);
  }
}
#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li a.active span, 
.fp-slidesNav ul li:hover a.active span{
  width: 8px;
  height:8px;
  background: var(--red--);
  margin:-2px 0 0 -2px;
}
@media (max-width: 768px) {
  #fp-nav ul li a.active span,
  #fp-nav ul li:hover a.active span,
  .fp-slidesNav ul li a.active span, 
  .fp-slidesNav ul li:hover a.active span{
    width: 6px;
    height:6px;
  }
}
#fp-nav ul li a.active span::after{
  content: '';
  width:20px;
  height:20px;
  border:1px solid var(--red--);
  position: absolute;
  left:50%;
  top:50%;
  border-radius: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
@media (max-width: 768px) {
  #fp-nav ul li a.active span::after{
    width:12px;
    height:12px;
  }
}
/* 荣誉资质 */
.honor{
  width:100vw;
  height:100vh;
  background: url(../images/honor-bg.jpg) no-repeat center;
  background-size: cover;
  padding-top: var(--header_height--);
}
@media (max-width: 768px) {
  .honor{
    height:auto;
    padding:60px 0;
  }
}
@media (max-width: 576px) {
  .honor{
    padding:50px 0;
  }
}
.news .container,
.honor .container{
  position: relative;
  height: calc( 100vh - var(--header_height--) );
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1440px) {
  .honor .container{
    justify-content: center;
  }
  .news .container{
    height: calc( 100vh - var(--header_height--) - 50px );
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .news .container,
  .honor .container{
    height: auto;
  }
}
.honor-h1{
  margin-top:7%;
}
@media (max-width: 1200px) {
  .honor-h1{
    margin-top:0;
  }
}
.team-h1 span,
.platform-h1 span,
.platform-h1 span,
.news-h1 span,
.honor-h1 span{
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-size: 50px;
  line-height: 1;
  color: rgba(0, 0, 0, 1);
  position: relative;
}
@media (max-width: 1440px) {
  .team-h1 span,
  .platform-h1 span,
  .platform-h1 span,
  .news-h1 span,
  .honor-h1 span{
    font-size:45px;
  }
}
@media (max-width: 1200px) {
  .team-h1 span,
  .platform-h1 span,
  .platform-h1 span,
  .news-h1 span,
  .honor-h1 span{
    font-size:40px;
  }
}
@media (max-width: 992px) {
  .team-h1 span,
  .platform-h1 span,
  .platform-h1 span,
  .news-h1 span,
  .honor-h1 span{
    font-size:35px;
  }
}
@media (max-width: 768px) {
  .team-h1 span,
  .platform-h1 span,
  .platform-h1 span,
  .news-h1 span,
  .honor-h1 span{
    font-size:30px;
  }
}
@media (max-width: 576px) {
  .team-h1 span,
  .platform-h1 span,
  .platform-h1 span,
  .news-h1 span,
  .honor-h1 span{
    font-size:25px;
  }
}
.team-h1 span::after,
.platform-h1 span::after,
.news-h1 span::after,
.honor-h1 span::after,
.honor-h1 span::before{
  content: '';
  width: 19px;
  height: 13px;
  background: url(../images/about-span.svg) no-repeat;
  background-size: cover;
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
@media (max-width: 992px) {
  .team-h1 span::after,
  .platform-h1 span::after,
  .news-h1 span::after,
  .honor-h1 span::after,
  .honor-h1 span::before{
    width: 15px;
    height: 10px;
  }
}
.honor-h1 span::after{
  left:-32px;
}
.honor-h1 span::before{
  right:-32px;
}
.team-h1 span::after,
.platform-h1 span::after,
.news-h1 span::after{
  right:-26px;
  top:auto;
  bottom:0;
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
}
@media (max-width: 992px) {
  .team-h1 span::after,
  .platform-h1 span::after,
  .news-h1 span::after{
    right:-20px;
  }
}
.honor-tag{
  margin-top:50px;
  display: flex;
}
@media (max-width: 1440px) {
  .honor-tag{
    margin-top:40px;
  }
}
@media (max-width: 992px) {
  .honor-tag{
    margin-top:30px;
  }
}
@media (max-width: 768px) {
  .honor-tag{
    margin-top:20px;
  }
}
.honor-tag li{
  display: flex;
  align-items: center;
  justify-content: center;
  margin:0 15px;
  width:180px;
  height:60px;
  background: rgba(255, 255, 255, .4);
  cursor: pointer;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 1440px) {
  .honor-tag li{
    width:160px;
    height:50px;
  }
}
@media (max-width: 1200px) {
  .honor-tag li{
    width:140px;
    height:45px;
    margin:0 12px;
  }
}
@media (max-width: 992px) {
  .honor-tag li{
    width:120px;
    height:36px;
    margin:0 8px;
  }
}
@media (max-width: 768px) {
  .honor-tag li{
    width:110px;
    height:30px;
    margin:0 4px;
  }
}
@media (max-width: 576px) {
  .honor-tag li{
    width:100px;
    height:26px;
  }
}
.honor-tag li a{
    font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  color: rgba(96, 98, 102, 1);
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 1440px) {
  .honor-tag li a{
    font-size: 17px;
  }
}
@media (max-width: 1200px) {
  .honor-tag li a{
    font-size: 16px;
  }
}
@media (max-width: 992px) {
  .honor-tag li a{
    font-size: 14px;
    pointer-events: none;
  }
}
@media (max-width: 768px) {
  .honor-tag li a{
    font-size: 13px;
  }
}
.honor-tag li.on{
  background: var(--blue--);
}
.honor-tag li.on a{
  color:#ffffff;
}
.honor-main{
  width: 100%;
  padding-top:7%;
}
.honor-wrapper{
  max-width: 1188px;
  margin:0 auto;
  height:41.5vh;
  position: relative;
}
@media (max-width: 1440px) {
  .honor-wrapper{
    height:39vh;
  }
}
@media (max-width: 1200px) {
  .honor-wrapper{
    height:36vh;
  }
}
@media (max-width: 768px) {
  .honor-wrapper{
    height:auto;
    padding-bottom: 40px;
  }
}
.honor-wrapper .swiper-pagination-bullet-active{
  background:var(--red--);
}
#honor_swiper3 .swiper-slide .honor-img,
#honor_swiper2 .swiper-slide .honor-img,
#honor_swiper1 .swiper-slide .honor-img{
  width: 264px;
}
@media (max-width: 1200px) {
  #honor_swiper3 .swiper-slide .honor-img,
  #honor_swiper2 .swiper-slide .honor-img,
  #honor_swiper1 .swiper-slide .honor-img{
    width: 220px;
  }
}
@media (max-width: 992px) {
  #honor_swiper3 .swiper-slide .honor-img,
  #honor_swiper2 .swiper-slide .honor-img,
  #honor_swiper1 .swiper-slide .honor-img{
    width: auto;
  }
}
#honor_swiper3 .swiper-slide-active .honor-img,
#honor_swiper2 .swiper-slide-active .honor-img,
#honor_swiper1 .swiper-slide-active .honor-img{
  width: 350px;
}
#honor_swiper3 .swiper-slide-active .honor-img .honor-pictrue img,
#honor_swiper1 .swiper-slide-active .honor-img .honor-pictrue img{
    height:250px;
}
@media (max-width: 1200px) {
  #honor_swiper3 .swiper-slide-active .honor-img,
  #honor_swiper2 .swiper-slide-active .honor-img,
  #honor_swiper1 .swiper-slide-active .honor-img{
    width: 300px;
  }
}
@media (max-width: 992px) {
    #honor_swiper3 .swiper-slide-active .honor-img .honor-pictrue img,
#honor_swiper1 .swiper-slide-active .honor-img .honor-pictrue img{
    height:auto;
}
  #honor_swiper3 .swiper-slide-active .honor-img,
  #honor_swiper2 .swiper-slide-active .honor-img,
  #honor_swiper1 .swiper-slide-active .honor-img{
    width: auto;
  }
}
#honor_swiper3 .swiper-wrapper,
#honor_swiper2 .swiper-wrapper,
#honor_swiper1 .swiper-wrapper{
  align-items: center;
}
.honor-img{
  overflow: hidden;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.honor-pictrue{
  background-repeat: no-repeat;
  background-position:bottom center;
  background-size: contain;
}
.honor-pictrue img{
  opacity: 0;
}
.honor-pic{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.honor-pic span{
  display: block;
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  margin-top:36px;
  font-size: 18px;
  line-height: 1.6;
  text-align: center;
  color: rgba(96, 98, 102, 1);
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
      word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}
@media (max-width: 1440px) {
  .honor-pic span{
    margin-top:26px;
    font-size:17px;
  }
}
@media (max-width: 992px) {
  .honor-pic span{
    margin-top:20px;
    font-size:15px;
  }
}
@media (max-width: 768px) {
  .honor-pic span{
    margin-top:15px;
    font-size:14px;
  }
}
#honor_swiper .swiper-slide-active .honor-pic span{
  margin-top: 55px;
}
@media (max-width: 1440px) {
  #honor_swiper .swiper-slide-active .honor-pic span{
    margin-top: 45px;
  }
}
@media (max-width: 1200px) {
  #honor_swiper .swiper-slide-active .honor-pic span{
    margin-top: 30px;
  }
}
@media (max-width: 992px) {
  #honor_swiper .swiper-slide-active .honor-pic span{
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  #honor_swiper .swiper-slide-active .honor-pic span{
    margin-top: 15px;
  }
}
#honor_swiper3 .swiper-slide-active .honor-pic span,
#honor_swiper1 .swiper-slide-active .honor-pic span{
    margin-top: 25px;
}
@media (max-width: 768px) {
    #honor_swiper3 .swiper-slide-active .honor-pic span,
#honor_swiper1 .swiper-slide-active .honor-pic span{
    margin-top: 15px;
}
}
/* 新闻动态 */
.news{
  width:100vw;
  height:100vh;
  background: url(../images/news-bg.jpg) no-repeat center;
  background-size: cover;
  padding-top: var(--header_height--);
}
@media (max-width: 768px) {
  .news{
    height:auto;
    padding:50px 0 10px 0;
  }
}
.news-top{
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 4%;
}
@media (max-height: 840px) {
  .news-top{
    margin-top:0%;
  }
}
.news-h1{
  position: relative;
}
.news-h1::after{
  content: '';
  width:564px;
  height:200px;
  background: url(../images/news-h1.svg) no-repeat center;
  background-size: cover;
  position: absolute;
  left:0;
  top:0;
  transform: translateY(-20%) translateX(-10px);
  -webkit-transform: translateY(-20%) translateX(-10px);
  -moz-transform: translateY(-20%) translateX(-10px);
  -ms-transform: translateY(-20%) translateX(-10px);
  -o-transform: translateY(-20%) translateX(-10px);
}
@media (max-width: 1440px) {
  .news-h1::after{
    width:450px;
    height:160px;
  }
}
@media (max-width: 1200px) {
  .news-h1::after{
    width:360px;
    height:128px;
  }
}
@media (max-width: 992px) {
  .news-h1::after{
    width:280px;
    height:100px;
  }
}
@media (max-width: 768px) {
  .news-h1::after{
    width:200px;
    height:71px;
  }
}
@media (max-width: 576px) {
  .news-h1::after{
    width:160px;
    height:57px;
  }
}
.news-pic{
  position: relative;
  overflow: hidden;
}
.news-img{
  background-position:center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.news-img img{
  opacity: 0;
}
.news-side:hover .news-img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.news-side{
  position: relative;
  display: block;
}
.news-side::after{
  content: '';
  width: 53.82%;
  max-width: 366px;
  height: 100%;
  background: url(../images/news-after.svg) no-repeat center;
  background-size: cover;
  position: absolute;
  left:0;
  top:0;
  z-index: 2;
}
.news-side::before{
  content: '';
  width: 50.73%;
  max-width: 345px;
  height: 100%;
  background: url(../images/news-before.svg) no-repeat center;
  background-size: cover;
  position: absolute;
  left:0;
  top:0;
  z-index: 3;
}
.news-desc{
  position: absolute;
  left:30px;
  top:50px;
  max-width: 267px;
  width:39.26% ;
  z-index: 222;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1200px) {
  .news-desc{
    left:20px;
    top:30px;
  }
}
@media (max-width: 576px) {
  .news-desc{
    top:20px;
  }
}
.news-desc span{
  font-size: 16px;
  line-height:1.5;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1200px) {
  .news-desc span{
    font-size: 14px;
  }
}
.news-desc p{
  margin-top:24px;
  font-family:'AlibabaPuHuiTi-2-55-Regular';
  font-size: 24px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 1);
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media (max-width: 1440px) {
  .news-desc p{
    font-size:20px;
  }
}
@media (max-width: 1200px) {
  .news-desc p{
    font-size:18px;
  }
}
@media (max-width: 992px) {
  .news-desc p{
    font-size:17px;
  }
}
@media (max-width: 576px) {
  .news-desc p{
    margin-top:14px;
    font-size:14px;

  }
}
.news-more{
  position: absolute;
  left:30px;
  bottom: 50px;
  z-index: 222;
  font-size: 14px;
  line-height:1.6;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1200px) {
  .news-more{
    font-size:12px;
    left:20px;
    bottom: 30px;
  }
}
@media (max-width: 576px) {
  .news-more{
    left:20px;
    bottom: 10px;
  }
}
.news-more svg{
  margin-left:10px;
}
@media (max-width: 576px) {
  .news-more svg{
    margin-left:5px;
  }
}
.news-hot{
  padding-top: 40px;
  width: 100%;
}
@media (max-width: 1440px) {
  .news-hot{
    padding-top: 30px;
  }
}
@media (max-width: 576px) {
  .news-hot{
    padding-top: 20px;
  }
}
.news-txt{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 414px;
  position: relative;
}
@media (max-width: 768px) {
  .news-txt{
    max-width: 100%;
  }
}
.news-txt::after{
  content: '';
  width:1px;
  height:92px;
  background: rgba(235, 238, 245, 1);
  position: absolute;
  top:50%;
  right:-50px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
@media (max-width: 1440px) {
  .news-txt::after{
    right:-30px;
  }
}
@media (max-width: 1200px) {
  .news-txt::after{
    right:-40px;
  }
}
@media (max-width: 992px) {
  .news-txt::after{
    right:-15px;
  }
}
@media (max-width: 768px) {
  .news-txt::after{
    display: none;
  }
}
.news-txt b{
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-size: 18px;
  font-weight: normal;
  line-height: 1.8;
  width: 100%;
  color: rgba(48, 49, 51, 1);
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media (max-width: 1200px) {
  .news-txt b{
    font-size:16px;
  }
}
@media (max-width: 992px) {
  .news-txt b{
    font-size:15px;
  }
}
.news-txt:hover b{
  color:var(--blue--);
}
.news-txt p{
  margin-top:8px;
  font-size: 15px;
  line-height: 1.6;
  width: 100%;
  color: rgba(144, 147, 153, 1);
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 1440px) {
  .news-txt p{
    margin-top:4px;
    font-size:14px;
  }
}
@media (max-width: 1200px) {
  .news-txt p{
    margin-top:2px;
    font-size:13px;
  }
}
.news-txt span{
  display: block;
  margin-top:16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: rgba(144, 147, 153, 1);
}
@media (max-width: 1440px) {
  .news-txt span{
    margin-top:10px;
    font-size:13px;
  }
}
@media (max-width: 1200px) {
  .news-txt span{
    margin-top:6px;
    font-size:12px;
  }
}
.news-ul{
  width: 100%;
  padding-top:50px;
}
@media (max-width: 1440px) {
  .news-ul{
    padding-top: 40px;
  }
}
@media (max-width: 1200px) {
  .news-ul{
    padding-top: 30px;
  }
}
@media (max-width: 992px) {
  .news-ul{
    padding-top: 20px;
  }
}
@media (max-width: 576px) {
  .news-ul{
    padding-top: 10px;
  }
}
.end-box{
  position: absolute;
  z-index: 333;
  left:0;
  bottom: 0;
  width:100%;
  height:80px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px solid rgba(228, 231, 237, 1);
}
@media (max-width: 1440px) {
  .end-box{
    height:50px;
  }
}
@media (max-width: 1200px) {
  .end-box{
    height:40px;
  }
}
@media (max-width: 768px) {
  .end-box{
    position: relative;
    margin-top:40px;
  }
}
@media (max-width: 576px) {
  .end-box{
    margin-top:30px;
    height:30px;
  }
}
.end-box span a,
.end-box span{
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 1200px) {
  .end-box span a,
  .end-box span{
    font-size:12px;
  }
}
@media (max-width: 576px) {
  .end-box span a{
    display: none;
  }
}
/* 关于页面 */
.inner-bar {
	position: relative;
}
.container.inner-box{
  position: absolute;
  left: 50%;
  top: 35%;
  z-index: 22;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
@media (max-width: 576px) {
  .container.inner-box{
        max-width:fit-content;
    top:45%;
  }
}
.inner-name{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.inner-name p{
  position: relative;
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 50px;
  line-height: 1.4;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 1);
  text-shadow: 2px 4px 2px rgba(0, 0, 0, 0.16);
}
@media (max-width:1440px){
  .inner-name p{
    font-size:2.5rem;
  }
}
@media (max-width: 1200px) {
  .inner-name p{
    font-size:2.2rem;
  }
}
@media (max-width: 992px) {
  .inner-name p{
    font-size:1.8rem;
  }
}
@media (max-width: 768px) {
  .inner-name p{
    font-size:1.5rem;
  }
}
@media (max-width: 576px) {
  .inner-name p{
    font-size:1.2rem;
  }
  .inner-name3 p{
      font-size:25px;
  }
}
.inner-name2 svg,
.inner-name svg{
  margin-top:7.6%;
  animation: Down2 2.5s  ;
  -webkit-animation: Down2 2.5s  ;
  animation-iteration-count:infinite;
  cursor: pointer;
}
.inner-name svg{
    opacity: .8;
}
.inner-name2 svg{
    opacity: .5;
}
@media (max-width: 1440px) {
    .inner-name2 svg,
  .inner-name svg{
    margin-top:4%;
    width:50px;
    height:50px;
  }
}
@media (max-width: 1200px) {
    .inner-name2 svg,
  .inner-name svg{
    margin-top:3%;
    width:40px;
    height:40px;
  }
}
@media (max-width: 992px) {
    .inner-name2 svg,
  .inner-name svg{
    width:30px;
    height:30px;
  }
}
@media (max-width: 768px) {
    .inner-name2 svg,
  .inner-name svg{
    width:26px;
    height:26px;
  }
  .inner-name3 svg{
      margin-top:5%;
  }
}
@keyframes Down2 {
  0% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
}
  50% {
    transform: translateY(-10px) ;
    -webkit-transform: translateY(-10px) ;
    -moz-transform: translateY(-10px) ;
    -ms-transform: translateY(-10px) ;
    -o-transform: translateY(-10px) ;
}
  100% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
}
}
@media (max-width: 768px) {

}@keyframes Down2 {
  0% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
}
  50% {
    transform: translateY(-6px) ;
    -webkit-transform: translateY(-6px) ;
    -moz-transform: translateY(-6px) ;
    -ms-transform: translateY(-6px) ;
    -o-transform: translateY(-6px) ;
}
  100% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
}
}
#inner_swiper .swiper-button-next::after, 
#inner_swiper .swiper-button-prev::after{
  display: none;
}
#inner_swiper .swiper-button-next, 
#inner_swiper .swiper-button-prev{
  width:50px;
  height:50px;
  background: url(../images/inner-page2.svg) no-repeat center;
  background-size: cover;
  opacity: 1;
  z-index: 222;
    transform: rotateY(0);
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
}
@media (max-width: 992px) {
  #inner_swiper .swiper-button-next, 
  #inner_swiper .swiper-button-prev{
    width:40px;
    height:40px;
  }
}
@media (max-width: 768px) {
  #inner_swiper .swiper-button-next, 
  #inner_swiper .swiper-button-prev{
    width:30px;
    height:30px;
    margin-top:0;
  }
}
#inner_swiper .swiper-button-prev{
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}
.about-end{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.about-end-pic{
  max-width: 720px;
  width:50%;
  max-height: 428px;
  overflow: hidden;
}
.about-end-pic img{
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.about-end-pic:hover img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.about-end .about-end-pic:last-child{
  max-width:702px;
  width: 48.75%;
}
@media (max-width: 768px) {
  .about-end .about-end-pic:last-child,
  .about-end .about-end-pic{
    width:100%;
  }
  .about-end .about-end-pic:last-child{
    margin-top: 16px;
  }
}
.about-layout{
  padding-top: 130px;
  padding-bottom: 100px;
  background: url(../images/about-layout.png) no-repeat top center;
  position: relative;
}
@media (max-width: 1440px) {
  .about-layout{
    padding-top: 100px;
    padding-bottom: 80px;
  }
}
@media (max-width: 1200px) {
  .about-layout{
    padding-top: 80px;
    padding-bottom: 60px;
  }
}
@media (max-width: 992px) {
  .about-layout{
    padding-top: 70px;
    padding-bottom: 50px;
  }
}
@media (max-width: 768px) {
  .about-layout{
    padding-top: 60px;
    padding-bottom: 40px;
  }
}
@media (max-width: 576px) {
  .about-layout{
    padding-top: 50px;
    padding-bottom: 30px;
  }
}
.about-body{
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}
@media (max-width: 1200px) {
  .about-body{
    flex-direction: column;
    align-items: center;
    padding-bottom: 10px;
  }
}
.about-right p{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 18px;
  line-height: 1.8;
  color: rgba(96, 98, 102, 1);
  letter-spacing: .9px;
  text-indent: 2rem;
  margin-bottom: 30px;
}
@media (max-width: 1200px) {
  .about-right p{
    font-size:16px;
    line-height: 1.6;
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .about-right p{
    font-size:14px;
    line-height: 1.5;
    margin-bottom: 10px;
  }
}
.about-right{
  max-width: 1036px;
  width: 71.94%;
}
@media (max-width: 1440px) {
  .about-right{
    width:73%;
  }
}
@media (max-width: 1200px) {
  .about-right{
    margin-top: 2%;
    width:100%;
  }
}
.about-left{
  display:flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 304px;
  margin-left:10px;
}
@media (max-width: 1200px) {
  .about-left{
    align-items: center;
  }
}
.about-left p{
  font-family: 'Poppins-Medium';
  font-size: 40px;
  letter-spacing: 2px;
  line-height: 1.4;
  color: rgba(48, 49, 51, 1);
  text-transform: uppercase;
}
@media (max-width: 1440px) {
  .about-left p{
    font-size: 35px;
  }
}
@media (max-width: 1200px) {
  .about-left p{
    font-size: 30px;
    line-height: 1.2;
  }
}
@media (max-width: 768px) {
  .about-left p{
    font-size: 25px;
    line-height: 1.2;
  }
}
@media (max-width: 576px) {
  .about-left p{
    font-size: 20px;
  }
}
.develop-top span,
.about-left span{
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-size: 45px;
  line-height: 1.5;
  letter-spacing: 2px;
  color: rgba(48, 49, 51, 1);
  position: relative;
}
@media (max-width: 1440px) {
  .develop-top span,
  .about-left span{
    font-size: 40px;
  }
}
@media (max-width: 1200px) {
  .develop-top span,
  .about-left span{
    font-size: 35px;
  }
}
@media (max-width: 768px) {
  .develop-top span,
  .about-left span{
    font-size: 30px;
  }
}
@media (max-width: 576px) {
  .develop-top span,
  .about-left span{
    font-size: 25px;
    line-height: 1.2;
  }
}
/* 发展历程 */
.develop{
  height:950px;
  background: url(../images/develop-bg.jpg) no-repeat center;
  background-size: cover;
  position: relative;
}
@media (max-width: 1440px) {
  .develop{
    height:850px;
  }
}
@media (max-width: 1200px) {
  .develop{
    height:auto;
    padding:80px 0;
  }
}
@media (max-width: 992px) {
  .develop{
    padding:70px 0;
  }
}
@media (max-width: 768px) {
  .develop{
    padding:0 0 60px 0;
    background:none;
  }
}
.develop .container{
  display: flex;
  justify-content: space-between;
  padding-top: 130px;
}
@media (max-width: 1200px) {
  .develop .container{
    padding-top: 50px;
  }
}
@media (max-width: 992px) {
  .develop .container{
    padding-top: 40px;
  }
}
@media (max-width: 768px) {
  .develop .container{
    padding-top: 10px;
    flex-direction: column;
  }
}
.develop-l{
  flex:1;
}
@media (max-width: 768px) {
  .develop-l .develop-top{
    display: flex;
    justify-content: center;
  }
  .develop-l{
      display: none;
  }
}
.develop-head{
    display: none;
}
@media (max-width: 768px) {
    .develop-head{
    display: block;
    position: relative;
}
}
.develop-head .develop-top{
    position: absolute;
    left:10%;
    bottom: 8%;
}


.develop-r{
  max-width: 940px;
  width:65.58%;
}
@media (max-width: 768px) {
  .develop-r{
    margin-top:30px;
    width:100%;
  }
}
.develop-box{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
@media (max-width: 576px) {
  .develop-box{
    justify-content: center;
  }
}
.develop-num{
  max-width: 238px;
  width: 25.78%;
  font-family:'AlibabaPuHuiTi-2-65-Medium';
  font-size: 42px;
  line-height:1.4;
  color: rgba(255, 255, 255, 1);
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
}
@media (max-width: 1440px) {
  .develop-num{
    font-size:32px;
  }
}
@media (max-width: 1200px) {
  .develop-num{
    font-size:25px;
  }
}
@media (max-width: 992px) {
  .develop-num{
    font-size:20px;
  }
}
@media (max-width: 768px) {
  .develop-num{
    font-size:20px;
    width: auto;
    padding-right:30px;
    color:#606266;
  }
}
/*@media (max-width: 576px) {*/
/*  .develop-num{*/
/*    font-size:15px;*/
/*    width: auto;*/
/*  }*/
/*}*/
.develop-num::after{
  content: '';
  width:37px;
  height:2px;
  background: var(--blue--);
  position: absolute;
  top:50%;
  right:0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
@media (max-width: 1200px) {
  .develop-num::after{
    width:28px;
  }
}
@media (max-width: 768px) {
  .develop-num::after{
    width:20px;
     height:1px;
    transform: translateY(-50%) ;
    -webkit-transform: translateY(-50%) ;
    -moz-transform: translateY(-50%) ;
    -ms-transform: translateY(-50%) ;
    -o-transform: translateY(-50%);
}
}
.develop-num span{
  font-family: 'D-DINExp';
  font-size: 60px;
  font-weight: 700;
  line-height: 1.2;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1440px) {
  .develop-num span{
    font-size:50px;
  }
}
@media (max-width: 1200px) {
  .develop-num span{
    font-size:40px;
  }
}
@media (max-width: 992px) {
  .develop-num span{
    font-size:28px;
  }
}
@media (max-width: 768px) {
  .develop-num span{
    font-size:25px;
    color:#606266;
  }
}
@media (max-width: 576px) {
  .develop-num span{
    font-size:24px;
  }
}
#develop_swiper .swiper-slide-active .develop-num,
#develop_swiper .swiper-slide-active .develop-num span,
.develop-box:hover .develop-num,
.develop-box:hover .develop-num span{
  color:var(--blue--);
}
.develop-desc{
  max-width: 606px;
  width:65.3%;
  margin-left:7.54%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .develop-desc{
    width:68%;
    margin-left:3%;
  }
}
/*@media (max-width: 576px) {*/
/*  .develop-desc{*/
/*    width:72%;*/
/*    margin-left:8%;*/
/*  }*/
/*}*/
.develop-desc span{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 20px;
  line-height: 1.6;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1440px) {
  .develop-desc span{
    font-size:18px;
  }
}
@media (max-width: 1200px) {
  .develop-desc span{
    font-size:16px;
  }
}
@media (max-width: 768px) {
  .develop-desc span{
    font-size:14px;
  }
}
.develop-txt p{
  margin-top:6px;
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 20px;
  line-height: 1.6;
  color: rgba(96, 98, 102, 1);
  position: relative;
}
.develop-txt p::after{
  content: '';
  width:16px;
  height:16px;
  background: url(../images/jian.svg) no-repeat center;
  background-size: cover;
  position: absolute;
  left:-20px;
  top:5px;
   transform: rotate(-90deg);
 -webkit-transform: rotate(-90deg);
 -moz-transform: rotate(-90deg);
 -ms-transform: rotate(-90deg);
 -o-transform: rotate(-90deg);
}
@media (max-width: 1200px) {
    .develop-txt p::after{
         width:12px;
        height:12px;
        left:-16px;
        top:4px;
    }
}
@media (max-width: 1440px) {
  .develop-txt p{
    font-size:18px;
    line-height:1.5;
  }
}
@media (max-width: 1200px) {
  .develop-txt p{
    font-size:16px;
    line-height:1.5;
  }
}
@media (max-width: 768px) {
  .develop-txt p{
    font-size:14px;
    line-height:1.4;
  }
}
@media (max-width: 576px) {
  .develop-txt p{
    font-size:13px;
    line-height:1.2;
  }
}
#develop_swiper{
  height:560px;
}
@media (max-width: 1440px) {
  #develop_swiper{
    height:500px;
  }
}
@media (max-width: 1200px) {
  #develop_swiper{
    height:450px;
  }
}
@media (max-width: 768px) {
  #develop_swiper{
    height:400px;
  }
}
.develop-more{
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content:center;
}
.develop-next{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.develop-prev.swiper-button-disabled path:first-child,
.develop-next.swiper-button-disabled path:first-child{
  fill:rgb(184, 184, 184);
}
.develop-more svg{
  margin:0 20px;
}
.develop-more span{
    margin-top:10px;
    display: block;
  font-size: 16px;
  line-height: 2;
  color: rgba(144, 147, 153, 1);
}
@media (max-width: 1440px) {
  .develop-more span{
    font-size:14px;
  }
}
@media (max-width: 768px) {
  .develop-more span{
    font-size:12px;
  }
  .develop-more svg{
    width:40px;
    height:40px;
  }
}
@media (max-width: 576px) {
  .develop-more svg{
    width:30px;
    height:30px;
  }
}
/* footer */
footer{
  background:#003e81;
  position: relative;
}
.copyright{
  margin-top:52px;
  height:94px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(255, 255, 255, .08);
}
@media (max-width: 1440px) {
  .copyright{
    margin-top:40px;
    height:80px;
  }
}
@media (max-width: 1200px) {
  .copyright{
    margin-top:30px;
    height:60px;
  }
}
@media (max-width: 992px) {
  .copyright{
    margin-top:20px;
    height:50px;
  }
}
@media (max-width: 768px) {
  .copyright{
    margin-top:16px;
    height:40px;
  }
}
.copyright p,
.copyright p a{
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.4);
}
@media (max-width: 1200px) {
  .copyright p,
  .copyright p a{
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .copyright p:last-child{
    display: none;
  }
  .copyright p{
    width:100%;
    text-align: center;
  }
}
.copyright p a{
  display: inline-block;
  padding:0 11px;
  position: relative;
}
@media (max-width: 1440px) {
  .copyright p a{
    padding: 0 6px;
  }
}
@media (max-width: 1200px) {
  .copyright p a{
    padding: 0 3px;
  }
}
.copyright p a:hover{
  color:var(--red--);
}
.copyright p a::after{
  content: '';
  height:16px;
  width: 1px;
  background: #003976;
  position: absolute;
  top:50%;
  right:0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.copyright p a:last-child{
  padding-right: 0;
}
.copyright p a:last-child::after{
  display: none;
}
.footer-top a{
  display: block;
  max-width: 102px;
  max-height: 46px;
}
@media (max-width: 1200px) {
  .footer-top a{
    max-width: 80px;
    max-height: 36px;
  }
}
@media (max-width: 992px) {
  .footer-top a{
    max-width: 60px;
    max-height: 27px;
  }
}
.footer-top{
  height:100px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}
@media (max-width: 1440px) {
  .footer-top{
    height:80px;
  }
}
@media (max-width: 1200px) {
  .footer-top{
    height:60px;
  }
}
@media (max-width: 992px) {
 .footer-top{
    height:50px;
  }
}
.footer-top span{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 24px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1440px) {
  .footer-top span{
    font-size:20px;
  }
}
@media (max-width: 1200px) {
  .footer-top span{
    font-size:18px;
  }
}
@media (max-width: 992px) {
  .footer-top span{
    font-size:16px;
  }
}
@media (max-width: 768px) {
  .footer-top span{
    font-size:15px;
  }
}
.footer-l{
  width: 31.94%;
}
@media (max-width: 1200px) {
  .footer-l{
    width: 40%;
  }
}
@media (max-width: 768px) {
  .footer-l{
    width: 100%;
  }
}
.footer-c{
  width: 42.7%;
}
@media (max-width: 1200px) {
  .footer-c{
    width: 57%;
  }
}
@media (max-width: 768px) {
  .footer-c{
    width: 100%;
  }
}
@media (max-width: 576px) {
  .footer-c{
    display: none;
  }
}
.footer-r{
  width: 14.16%;
}
@media (max-width: 1200px) {
  .footer-r{
    display: none;
  }
}
.footer-main{
  display: flex;
  justify-content: space-between;
  padding-top:60px;
}
@media (max-width: 1440px) {
  .footer-main{
    padding-top:40px;
  }
}
@media (max-width: 1200px) {
  .footer-main{
    padding-top:30px;
  }
}
@media (max-width: 992px) {
  .footer-main{
    padding-top:20px;
  }
}
@media (max-width: 768px) {
  .footer-main{
    flex-direction: column;
  }
}
.footer-code{
  margin-top:28px;
  height:164px;
  width:130px;
  background: #ffffff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 5px;
}
@media (max-width: 1440px) {
  .footer-code{
    margin-top:20px;
    height:150px;
  }
  .footer-svg svg{
    width:55px;
    height:48px;
  }
}
@media (max-width: 1200px) {
  .footer-svg svg{
    width:45px;
    height:39px;
  }
}
@media (max-width: 992px) {
  .footer-svg {
    display: none;
  }
}
.footer-code span{
  display: block;
  margin-top:5px;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(192, 196, 204, 1);
}
@media (max-width: 1440px) {
  .footer-code span{
    font-size:13px;
    margin-top:3px;
  }
}
.footer-menu{
  display: flex;
  justify-content: space-between;
  padding-top: 42px;
}
@media (max-width: 1440px) {
  .footer-menu{
    padding-top: 30px;
  }
}
@media (max-width: 1200px) {
  .footer-menu{
    padding-top: 20px;
  }
}
@media (max-width: 992px) {
  .footer-menu{
    padding-top: 14px;
  }
}
@media (max-width: 768px) {
  .footer-menu{
    padding-top: 10px;
  }
}
.footer-menu ul li{
  height:30px;
  display: flex;
  align-items: center;
}
@media (max-width: 1200px) {
  .footer-menu ul li{
    height:24px;
  }
}
@media (max-width: 992px) {
  .footer-menu ul li{
    height:20px;
  }
}
.footer-menu ul li:first-child{
  margin-bottom: 10px;
}
@media (max-width: 1440px) {
  .footer-menu ul li:first-child{
    margin-bottom: 6px;
  }
}
@media (max-width: 1200px) {
  .footer-menu ul li:first-child{
    margin-bottom: 4px;
  }
}
.footer-menu ul li a{
  font-size: 15px;
  line-height: 1.4;
  color: rgba(255, 255, 255, .5);
}
@media (max-width: 1200px) {
  .footer-menu ul li a{
    font-size: 12px;
  }
}
.footer-menu ul li:first-child a{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 18px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1440px) {
  .footer-menu ul li:first-child a{
    font-size:17px;
  }
}
@media (max-width: 1200px) {
  .footer-menu ul li:first-child a{
    font-size:15px;
  }
}
@media (max-width: 992px) {
  .footer-menu ul li:first-child a{
    font-size:14px;
  }
}
.footer-menu ul li:hover a{
  color:var(--red--);
}
.footer-add{
  padding-top: 35px;
}
@media (max-width: 1440px) {
  .footer-add{
    padding-top: 30px;
  }
}
@media (max-width: 1200px) {
  .footer-add{
    padding-top: 20px;
  }
}
@media (max-width: 992px) {
  .footer-add{
    padding-top: 16px;
  }
}
@media (max-width: 768px) {
  .footer-add{
    padding-top: 10px;
  }
}
.footer-li{
  display: flex;
  align-items: center;
  margin-bottom:25px;
}
@media (max-width: 1440px) {
  .footer-li{
    margin-bottom: 16px;
  }
}
@media (max-width: 1200px) {
  .footer-li{
    margin-bottom: 10px;
  }
}
@media (max-width: 992px) {
  .footer-li{
    margin-bottom: 5px;
  }
}
.footer-desc{
  margin-left: 30px;
}
@media (max-width: 1440px) {
  .footer-desc{
    margin-left: 20px;
  }
}
@media (max-width: 1200px) {
  .footer-desc{
    margin-left: 14px;
  }
}
@media (max-width: 992px) {
  .footer-desc{
    margin-left: 0;
  }
}
.footer-desc span{
  font-size: 16px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1200px) {
  .footer-desc span{
    font-size: 14px;
  }
}
.footer-desc p{
  font-size: 16px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.6);
}
@media (max-width: 1440px) {
  .footer-desc p{
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  .footer-desc p{
    font-size: 12px;
  }
}
.footer-desc b{
  font-family: 'D-DINExp';
  font-size: 24px;
  font-weight: 700;
  line-height:1.2;
  letter-spacing: 2px;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1200px) {
  .footer-desc b{
    font-size:18px;
  }
}
@media (max-width: 992px) {
  .footer-desc b{
    font-size:16px;
  }
}
/* 新闻资讯 */
.top-box{
  height:260px;
  background: #ffffff;
}
@media (max-width: 1440px) {
  .top-box{
    height:220px;
  }
}
@media (max-width: 1200px) {
  .top-box{
    height:180px;
  }
}
@media (max-width: 992px) {
  .top-box{
    height:150px;
  }
}
@media (max-width: 768px) {
  .top-box{
    height:120px;
  }
}
@media (max-width: 576px) {
  .top-box{
    height:100px;
  }
}
.top-box .container{
  padding-bottom: 60px;
  height:100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media (max-width: 1200px) {
  .top-box .container{
    padding-bottom: 40px;
  }
}
@media (max-width: 992px) {
  .top-box .container{
    padding-bottom: 30px;
  }
}
@media (max-width: 768px) {
  .top-box .container{
    padding-bottom: 20px;
  }
}
.top-name span{
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-size: 45px;
  line-height: 1.6;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1440px) {
  .top-name span{
    font-size:35px;
  }
}
@media (max-width: 1200px) {
  .top-name span{
    font-size:30px;
  }
}
@media (max-width: 992px) {
  .top-name span{
    font-size:25px;
  }
}
@media (max-width: 768px) {
  .top-name span{
    font-size:20px;
  }
}
@media (max-width: 576px) {
  .top-name span{
    font-size:18px;
  }
}
.top-name{
  position: relative;
  padding-bottom: 32px;
}
@media (max-width: 1440px) {
  .top-name{
    padding-bottom: 20px;
  }
}
@media (max-width: 1200px) {
  .top-name{
    padding-bottom: 14px;
  }
}
@media (max-width: 992px) {
  .top-name{
    padding-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .top-name{
    padding-bottom: 8px;
  }
}
@media (max-width: 576px) {
  .top-name{
    padding-bottom: 6px;
  }
}
.top-name::after{
  content: '';
  width:48px;
  height:5px;
  background: var(--red--);
  position: absolute;
  left:0;
  bottom: 0;
}
@media (max-width: 1200px) {
  .top-name::after{
    width:40px;
    height:4px;
  }
}
@media (max-width: 992px) {
  .top-name::after{
    width:30px;
    height:3px;
  }
}
@media (max-width: 768px) {
  .top-name::after{
    width:26px;
    height:2px;
  }
}
@media (max-width: 576px) {
  .top-name::after{
    width:20px;
  }
}
.search{
  width:344px;
  height:56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding:0 22px;
  border:1px solid rgba(0, 0, 0, 0.1);
  background: rgba(245, 246, 248, 1);
  border-radius: 65px;
  -webkit-border-radius: 65px;
  -moz-border-radius: 65px;
  -ms-border-radius: 65px;
  -o-border-radius: 65px;
}
@media (max-width: 1440px) {
  .search{
    width:300px;
    height:50px;
  }
}
@media (max-width: 1200px) {
  .search{
    width:260px;
    height:40px;
    padding:0 18px;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}
}
@media (max-width: 992px) {
  .search{
    width:220px;
    height:36px;
    padding:0 14px;
  }
}
@media (max-width: 768px) {
  .search{
    width:180px;
    height:30px;
    padding:0 10px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
}
@media (max-width: 576px) {
  .search{
    width:160px;
    height:30px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
}
.search button{
  border: none;
  cursor: pointer;
  background: none;
}
@media (max-width: 768px) {
  .search button svg{
    width:16px;
    height:16px;
  }
}
.search input{
  width:80%;
  border:none;
  background: none;
}
.search input,
.search input::placeholder{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 18px;
  line-height: 1.5;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1440px) {
  .search input,
  .search input::placeholder{
    font-size:16px;
  }
}
@media (max-width: 1200px) {
  .search input,
  .search input::placeholder{
    font-size:14px;
  }
}
@media (max-width: 768px) {
  .search input,
  .search input::placeholder{
    font-size:12px;
  }
}
.news-layout{
  background: #f5f6f8;
  padding:60px 0;
  position: relative;
}
@media (max-width: 1200px) {
  .news-layout{
    padding:50px 0;
  }
}
@media (max-width: 992px) {
  .news-layout{
    padding:40px 0;
  }
}
@media (max-width: 768px) {
  .news-layout{
    padding:30px 0;
  }
  .news-layout .container{
    display: flex;
    flex-wrap: wrap;
  }
}
.news-li{
  display:flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  margin-bottom: 30px;
}
@media (max-width: 992px) {
  .news-li{
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .news-li{
    width:100%;
    padding:26px;
    flex-direction: column;
    align-items: center;
  }
}
.news-li .news-pic{
  max-width: 442px;
  max-height: 250px;
  width: 30.69%;
}
@media (max-width: 768px) {
  .news-li .news-pic{
    width:100%;
    max-width: none;
  }
}
.news-li:hover .news-img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.news-title{
  max-width: 796px;
  width: 79.6%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 992px) {
  .news-title{
    width:95%;
  }
}
@media (max-width: 768px) {
  .news-title{
    width:100%;
  }
}
.news-title span{
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-size: 22px;
  line-height: 1.5;
  color: rgba(48, 49, 51, 1);
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media (max-width: 1200px) {
  .news-title span{
    font-size: 18px;
  }
}
@media (max-width: 992px) {
  .news-title span{
    font-size: 16px;
  }
}
.news-li:hover .news-title span{
  color:var(--blue--);
}
.news-title p{
  margin-top:12px;
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 16px;
  line-height: 1.6;
  color: rgba(144, 147, 153, 1);
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 1200px) {
  .news-title p{
    margin-top:8px;
    font-size:14px;
  }
}
@media (max-width: 992px) {
  .news-title p{
    margin-top:6px;
    font-size:13px;
  }
}
.news-time{
  max-width:166px;
  width: 16.6%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
@media (max-width: 992px) {
  .news-time{
    display: none;
  }
}
.news-time::after{
  content: '';
  width:1px;
  height:100px;
  background: #e4e7ed;
  position: absolute;
  top:50%;
  left:0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
@media (max-width: 1200px) {
  .news-time::after{
    height:80px;
  }
}
.news-time span{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 40px;
  line-height: 1.3;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1440px) {
  .news-time span{
    font-size:32px;
  }
}
@media (max-width: 1200px) {
  .news-time span{
    font-size:26px;
  }
}
.news-time p{
  font-size: 14px;
  line-height: 1.6;
  color: rgba(144, 147, 153, 1);
}
.news-li:hover .news-time span,
.news-li:hover .news-time p{
  color:var(--blue--);
}
.news-tool{
  flex:1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 36px;
}
@media (max-width: 1200px) {
  .news-tool{
    padding-left: 26px;
  }
}
@media (max-width: 768px) {
  .news-tool{
    padding-top: 10px;
    padding-left: 0;
  }
}
/* 分页 */
.pager{
  padding: 1rem 0;
}
@media (max-width: 992px) {
  .pager{
    padding: .5rem 0;
  }
}
@media (max-width: 576px) {
  .pager{
    padding: .2rem 0;
  }
}
.paging{
  display: flex;
  align-items: center;
  justify-content: center;
  margin:1rem 0;
}
.paging li{
  min-width:38px;
  height:38px;
  margin:0 6px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(228, 231, 237, 1);
}
@media (max-width:991px){
  .paging li{
    min-width:30px;
    height:30px;
    margin:0 4px;
    display: none;
  }
  .paging li:first-child,
  .paging li:last-child{
      display: inline-block;
  }
}
@media (max-width:576px){
  .paging li{
    width:40px;
    height:40px;
  }
}
.paging li span,
.paging li a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height:100%;
  font-size: 15px;
  font-weight: 400;
  color: rgba(48, 49, 51, 1);
}
@media (max-width:991px){
  .paging li span,
  .paging li a{
    font-size:14px;
  }
}
.paging li a img{
  width:22px;
  height:22px;
}
.pagination li a:hover, 
.pagination .active span{
  background: var(--blue--);
  color:#fff;
}
.pagination li:last-child span,
.pagination li:first-child span{
  color:var(--blue--);
}

/* 联系我们 */
.top_address a{
  font-size: 18px;
  line-height: 1.6;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 1440px) {
  .top_address a{
    font-size:16px;
  }
}
@media (max-width: 1200px) {
  .top_address a{
    font-size:14px;
  }
  .top_address a svg{
    width:25px;
    height:25px;
  }
}
@media (max-width: 992px) {
  .top_address a svg{
    width:20px;
    height:20px;
  }
}
.contact-box{
  height:100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgba(245, 246, 248, 1);
  padding-top: 32px;
}
@media (max-width: 992px) {
  .contact-box{
    height:auto;
    padding:30px 0;
  }
}
@media (max-width: 768px) {
  .contact-box{
    padding:20px 0;
  }
}
.contact-box span{
  display: block;
  margin-top:30px;
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 14px;
  line-height: 1.5;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 1440px) {
  .contact-box span{
    margin-top:20px;
    font-size:12px;
  }
}
@media (max-width: 992px) {
  .contact-box span{
    margin-top:10px;
  }
}
@media (max-width: 768px) {
  .contact-box span{
    margin-top:5px;
  }
}
.contact-box p{
  margin-top: 40px;
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 24px;
  line-height: 1.6;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1440px) {
  .contact-box p{
    margin-top: 20px;
    font-size:20px;
  }
}
@media (max-width: 1200px) {
  .contact-box p{
    margin-top: 16px;
    font-size:18px;
  }
}
@media (max-width: 992px) {
  .contact-box p{
    margin-top: 10px;
  }
}
@media (max-width: 768px) {
  .contact-box p{
    margin-top: 6px;
  }
}
.contact-l .contact-box p{
  font-size: 20px;
  line-height: 1.4;
  margin-top:28px;
}
@media (max-width: 1440px) {
  .contact-l .contact-box p{
    margin-top:18px;
    font-size:16px;
  }
}
@media (max-width: 1200px) {
  .contact-l .contact-box p{
    margin-top:12px;
    font-size:14px;
  }
}
@media (max-width: 768px) {
  .contact-l .contact-box p{
    margin-top:6px;
  }
}
.contact-l .contact-box span{
  margin-top:16px;
}
@media (max-width: 768px) {
  .contact-l .contact-box span{
    margin-top:10px;
  }
}
.contact-main{
  display: flex;
  justify-content: space-between;
  height:260px;
}
.contact-box .contact-svg svg{
      transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.contact-box:hover .contact-svg svg{
    animation: Contact .3s  ;
  -webkit-animation: Contact .3s  ;
  animation-iteration-count:1;
}

@keyframes Contact {
  0% {
    transform:  scale(1) ;
    -webkit-transform:  scale(1) ;
    -moz-transform:  scale(1) ;
    -ms-transform:  scale(1) ;
    -o-transform:  scale(1) ;
}
  50% {
    transform:  scale(1.1);
    -webkit-transform:  scale(1.1);
    -moz-transform:  scale(1.1);
    -ms-transform:  scale(1.1);
    -o-transform:  scale(1.1);
}
  100% {
    transform:  scale(1) ;
    -webkit-transform:  scale(1) ;
    -moz-transform:  scale(1) ;
    -ms-transform:  scale(1) ;
    -o-transform:  scale(1) ;
}
}

@media (max-width: 1440px) {
  .contact-main{
    height:220px;
  }
  .contact-svg svg{
    height:50px;
    width: 50px;
  }
}
@media (max-width: 1200px) {
  .contact-main{
    height:200px;
  }
  .contact-svg svg{
    height:40px;
    width: 40px;
  }
}
@media (max-width: 992px) {
  .contact-main{
    height:auto;
    flex-wrap: wrap;
  }
}
@media (max-width: 992px) {
  .contact-svg svg{
    height:35px;
    width: 35px;
  }
}
.contact-l{
  max-width: 700px;
  width:48.61%;
  height:100%;
}
@media (max-width: 992px) {
  .contact-l{
    width:100%;
    height:auto;
    margin-bottom: 3%;
  }
}
.contact-r,
.contact-c{
  max-width: 344px;
  width:23.88%;
  height:100%;
}
@media (max-width: 992px) {
  .contact-r,
  .contact-c{
    width:48%;
    height:auto;
  }
}
@media (max-width: 576px) {
  .contact-r,
  .contact-c{
    width:100%;
    max-width: 100%;
  }
  .contact-c{
    margin-bottom: 3%;
  }
}
.contact-info{
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
  padding-top: 60px;
}
@media (max-width: 1440px) {
  .contact-info{
    padding-top: 40px;
  }
}
@media (max-width: 1200px) {
  .contact-info{
    padding-top: 30px;
  }
}
@media (max-width: 768px) {
  .contact-info{
    padding-top: 20px;
  }
}
.contact-li{
  max-width: 660px;
  width:45.83%;
  height:241px;
  position: relative;
  margin-bottom: 60px;
  cursor: pointer;
}
@media (max-width: 1440px) {
  .contact-li{
    height:200px;
  }
}
@media (max-width: 1200px) {
  .contact-li{
    padding-bottom: 20px;
    height:auto;
    margin-bottom: 50px;
  }
}
@media (max-width: 992px) {
  .contact-li{
    padding-bottom: 16px;
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .contact-li{
    width:100%;
    padding-bottom: 10px;
    margin-bottom: 30px;
  }
}
.contact-li::after{
  content: '';
  width:100%;
  height:1px;
  background: rgba(192, 196, 204, 1);
  position: absolute;
  left:0;
  bottom: 0;
  z-index: 1;
}
.contact-li::before{
  content: '';
  width:60px;
  height:3px;
  background: var(--blue--);
  position: absolute;
  left:0;
  bottom: -1px;
  z-index: 2;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.contact-li:hover::before{
  width: 100%;
}
.contact-h1{
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-size: 26px;
  line-height: 1.6;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1440px) {
  .contact-h1{
    font-size:22px;
  }
}
@media (max-width: 1200px) {
  .contact-h1{
    font-size:18px;
  }
}
@media (max-width: 992px) {
  .contact-h1{
    font-size:17px;
  }
}
@media (max-width: 768px) {
  .contact-h1{
    font-size:16px;
  }
}
.contact-li:hover .contact-h1{
  color:var(--blue--);
}
.contact-txt{
  margin-top:26px;
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-size: 18px; 
  line-height: 1.6;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1440px) {
  .contact-txt{
    margin-top:16px;
    font-size: 16px; 
  }
}
@media (max-width: 1200px) {
  .contact-txt{
    margin-top:10px;
    font-size: 14px; 
  }
}
@media (max-width: 768px) {
  .contact-txt{
    margin-top:6px;
  }
}
.contact-desc{
  margin-top:24px;
}
@media (max-width: 1440px) {
  .contact-desc{
    margin-top:14px;
  }
}
@media (max-width: 992px) {
  .contact-desc{
    margin-top:10px;
  }
}
@media (max-width: 768px) {
  .contact-desc{
    margin-top:6px;
  }
}
.contact-desc p{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 16px;
  line-height: 1.6;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1440px) {
  .contact-desc p{
    font-size:15px;
  }
}
@media (max-width: 1200px) {
  .contact-desc p{
    font-size:14px;
  }
}
.contact-wx{
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  font-size: 15px;
  line-height: 1.6;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 1440px) {
  .contact-wx{
    font-size:13px;
    margin-top:10px;
  }
}
@media (max-width: 1200px) {
  .contact-wx{
    font-size:12px;
  }
  .contact-wx svg{
    width:24px;
    height: 24px;
  }
}
@media (max-width: 768px) {
  .contact-wx{
    font-size:12px;
    margin-top:6px;
  }
}
@media (max-width: 768px) {
  .contact-wx svg{
    width:18px;
    height: 18px;
  }
}
.contact-wx svg{
  margin-left:4px;
}
.mes_box{
  margin-top:50px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  padding:58px 110px 70px 110px;
  background: url(../images/mes_box.png) no-repeat center;
  background-size: cover;
}
@media (max-width: 1440px) {
  .mes_box{
    padding:40px 80px 50px 80px;
  }
}
@media (max-width: 1200px) {
  .mes_box{
    margin-top:40px;
    padding:30px 60px 40px 60px;
  }
}
@media (max-width: 992px) {
  .mes_box{
    margin-top:30px;
    padding:20px 40px;
  }
}
@media (max-width: 768px) {
  .mes_box{
    margin-top:20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
}
.mes_box .row *{
  --bs-gutter-x:1rem;
}
@media (max-width: 992px) {
  .mes_box .row *{
    --bs-gutter-x:.8rem;
  }
}
.mes_box-txt{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.mes_box-txt p textarea,
.mes_box-txt p textarea::placeholder,
.mes_box-txt p input::placeholder,
.mes_box-txt p input{
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.04em;
  color: rgba(192, 196, 204, 1);
  background: none;
}
.mes_box-txt p textarea,
.mes_box-txt p input{
  color:rgba(96, 98, 102, 1);
}
@media (max-width:1400px){
  .mes_box-txt p textarea::placeholder,
  .mes_box-txt p input::placeholder,
  .mes_box-txt p input{
    font-size:1rem;
    line-height:1.2;
  }
}
@media (max-width: 1200px) {
  .mes_box-txt p textarea,
  .mes_box-txt p textarea::placeholder,
  .mes_box-txt p input::placeholder,
  .mes_box-txt p input{
    font-size:14px;
  }
}
@media (max-width:991px){
  .mes_box-txt p textarea::placeholder,
  .mes_box-txt p input::placeholder,
  .mes_box-txt p input{
    font-size:.8rem;
  }
}
.mes_box-txt p input{
  margin-left:.5rem;
  border:0 none;
  flex:none;
  width:80%;
}
.mes_box-txt p{
  margin:.8rem 0;
  width:100%;
  min-height:60px;
  border: 1px solid rgba(228, 231, 237, 1);
  display: flex;
  align-items: center;
  padding:0 1rem;
}
@media (max-width:1400px){
  .mes_box-txt p{
    margin:.6rem 0 1.2rem 0;
    min-height:40px;
    padding:0 .6rem;
  }
}
@media (max-width:1200px){
  .mes_box-txt p{
    margin:.4rem 0 1rem 0;
    min-height:36px;
    padding:0 .4rem;
  }
}
@media (max-width:991px){
  .mes_box-txt p svg{
    width:22px;
    height:22px;
  }
}
.mes_box-txt p textarea{
  width:100%;
  height:170px;
  border:none;
  margin:0 .5rem;
}
@media (max-width:1400px){
  .mes_box-txt p textarea{
    height:200px;
    margin:0 .2rem;
  }
}
@media (max-width:1200px){
  .mes_box-txt p textarea{
    height:160px;
    margin:0 .1rem;
  }
}
@media (max-width:991px){
  .mes_box-txt p textarea{
    height:140px;
    font-size:.8rem;
  }
}
.mes_box-info p{
  padding:1.2rem;
  align-items: flex-start;
  margin-bottom: 1rem;
}
@media (max-width:1400px){
  .mes_box-info p{
    padding:1rem;
    margin-bottom: 1rem;
  }
}
@media (max-width:1200px){
  .mes_box-info p{
    padding:.9rem .5rem;
    margin-bottom: .6rem;
  }
}
@media (max-width:991px){
  .mes_box-info p{
    padding:.6rem .4rem;
    margin-bottom: .3rem;
  }
}
.mes_box-info em{
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.04em;
  text-align: center;
  color: rgba(144, 147, 153, 1);
}
@media (max-width:1400px){
  .mes_box-info em{
    font-size:.8rem;
  }
}
.mes_box button{
  display: flex;
  align-items: center;
  justify-content: center;
  width:238px;
  height:55px;
  background: var(--blue--);
  border:none;
  margin:2rem auto;
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 1);
  cursor: pointer;
}
@media (max-width:1400px){
  .mes_box button{
    width:200px;
    height:46px;
    font-size:1.2rem;
    line-height:1.2;
  }
}
@media (max-width:1200px){
  .mes_box button{
    margin:1.8rem auto;
    width:180px;
    height:42px;
    font-size:1rem;
  }
  .map-logo img{
    height:40px;
  }
}
@media (max-width:991px){
  .mes_box button{
    margin:1.4rem auto;
    width:160px;
    height:38px;
    font-size:.9rem;
  }
}
@media (max-width: 768px) {
  .mes_box button{
    margin:1rem auto;
  }
}
@media (max-width: 768px) {
  .map-logo{
    padding:0;
  }
  .map-logo img{
    height:30px;
  }
}
.message{
  padding-top: 116px;
  padding-bottom: 100px;
}
@media (max-width: 1440px) {
  .message{
    padding-top: 100px;
    padding-bottom: 80px;
  }
}
@media (max-width: 1200px) {
  .message{
    padding-top: 80px;
    padding-bottom: 70px;
  }
}
@media (max-width: 992px) {
  .message{
    padding-top: 70px;
    padding-bottom: 60px;
  }
}
@media (max-width: 768px) {
  .message{
    padding-top: 60px;
    padding-bottom: 50px;
  }
}
@media (max-width: 576px) {
  .message{
    padding-top: 50px;
    padding-bottom: 40px;
  }
}
#map{
  height:540px;
}
@media (max-width: 1440px) {
  #map{
    height:500px;
  }
}
@media (max-width: 1200px) {
  #map{
    height:450px;
  }
}
@media (max-width: 992px) {
  #map{
    height:400px;
  }
}
@media (max-width: 768px) {
  #map{
    height:350px;
  }
}
.tab{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tab span{
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-size: 45px;
  line-height: 1;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1440px) {
  .tab span{
    font-size: 40px;
  }
}
@media (max-width: 1200px) {
  .tab span{
    font-size: 35px;
  }
}
@media (max-width: 992px) {
  .tab span{
    font-size: 30px;
  }
}
@media (max-width: 768px) {
  .tab span{
    font-size: 25px;
  }
}
@media (max-width: 576px) {
  .tab span{
    font-size: 22px;
  }
}
.tab p{
  margin-top:32px;
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 18px;
  line-height:1.5;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 1440px) {
  .tab p{
    margin-top:26px;
    font-size:16px;
  }
}
@media (max-width: 1200px) {
  .tab p{
    margin-top:20px;
    font-size:14px;
  }
}
@media (max-width: 992px) {
  .tab p{
    margin-top:16px;
  }
}
@media (max-width: 768px) {
  .tab p{
   display: none;
  }
}
/* 资质荣誉 */
.sub-box{
  position: absolute;
  left:0;
  bottom: 0;
  z-index: 222;
  width:100%;
  height:78px;
  background: rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 1200px) {
  .sub-box{
    height:65px;
  }
}
@media (max-width: 992px) {
  .sub-box{
    height:55px;
  }
}
@media (max-width: 768px) {
  .sub-box{
    height:46px;
  }
}
.sub-box .container{
  padding:0 35px;
}
@media (max-width: 1200px) {
  .sub-box .container{
    padding:0 20px;
  }
}
@media (max-width: 992px) {
  .sub-box .container{
    padding:0;
  }
}
.sub-li{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height:78px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 1200px) {
  .sub-li{
    height:65px;
  }
}
@media (max-width: 992px) {
  .sub-li{
    height:55px;
  }
}
@media (max-width: 768px) {
  .sub-li{
    height:46px;
  }
}
.sub-li a{
  display: flex;
  justify-content: center;
  align-items: center;
  width:100%;
  height:100%;
  font-size: 20px;
  line-height: 1;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1200px) {
  .sub-li a{
    font-size:18px;
  }
}
@media (max-width: 992px) {
  .sub-li a{
    font-size:16px;
  }
}
@media (max-width: 768px) {
  .sub-li a{
    font-size:14px;
  }
}
#sub_swiper .swiper-slide:last-child .sub-li{
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.sub-li::after{
  content: '';
  width: 0;
  height:0;
  background: var(--red--);
  position: absolute;
  left:0;
  top:0;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.sub-li:hover::after,
.sub-li.on::after{
  width: 100%;
  height:2px;
}
.flair-box{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.flair-pic{
  background: rgba(245, 246, 248, 1);
  padding:42px 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 420px;
  max-height: 290px;
}
@media (max-width: 1440px) {
  .flair-pic{
    padding:30px;
  }
}
@media (max-width: 1200px) {
  .flair-pic{
    padding:20px;
  }
}
@media (max-width: 768px) {
  .flair-pic{
    padding:16px;
  }
}
.flair-pic2{
    padding:0;
}
.flair-name{
  margin-top:30px;
    text-align: center;
  font-family:'AlibabaPuHuiTi-2-55-Regular';
  font-size: 18px;
  line-height: 1.6;
  color: rgba(96, 98, 102, 1);
      word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
@media (max-width: 1200px) {
  .flair-name{
    margin-top:20px;
    font-size:16px;
  }
}
@media (max-width: 992px) {
  .flair-name{
    margin-top:16px;
    font-size:14px;
  }
}
.flair-layout .row{
  --bs-gutter-x:90px;
  --bs-gutter-y:58px;
}
.flair-layout2 .row{
  --bs-gutter-x:60px;
  --bs-gutter-y:60px;
}
.flair-layout2 .news-pic{
    background: rgba(245, 246, 248, 1);
    padding: 30px;
}
@media (max-width: 1440px) {
  .flair-layout .row{
    --bs-gutter-x:70px;
    --bs-gutter-y:40px;
  }
  .flair-layout2 .row{
      --bs-gutter-x:40px;
      --bs-gutter-y:40px;
    }
}
@media (max-width: 1200px) {
  .flair-layout .row{
    --bs-gutter-x:50px;
    --bs-gutter-y:30px;
  }
}
@media (max-width: 992px) {
  .flair-layout .row{
    --bs-gutter-x:40px;
    --bs-gutter-y:25px;
  }
    .flair-layout2 .row{
      --bs-gutter-x:20px;
      --bs-gutter-y:20px;
    }
    .flair-layout2 .news-pic{
    background: rgba(245, 246, 248, 1);
    padding: 20px;
}
}
@media (max-width: 768px) {
  .flair-layout .row{
    --bs-gutter-x:30px;
    --bs-gutter-y:20px;
  }
}
.flair-layout{
  padding:60px 0 70px 0;
  position: relative;
}
@media (max-width: 1440px) {
  .flair-layout{
    padding:50px 0 60px 0;
  }
}
@media (max-width: 1200px) {
  .flair-layout{
    padding:40px 0 50px 0;
  }
}
@media (max-width: 992px) {
  .flair-layout{
    padding:30px 0 40px 0;
  }
}
@media (max-width: 768px) {
  .flair-layout{
    padding:20px 0 30px 0;
  }
}
.flair-layout .container{
  padding-bottom: 30px ;
}



/* 研发创新 */
.platform{
  height:760px;
  padding-top:110px;
  position: relative;
}
@media (max-width: 1440px) {
  .platform{
    height:auto;
    padding:80px 0;
  }
}
@media (max-width: 1200px) {
  .platform{
    padding:70px 0;
  }
}
@media (max-width: 992px) {
  .platform{
    padding:60px 0;
  }
}
@media (max-width: 768px) {
  .platform{
    padding:50px 0;
  }
}
@media (max-width: 576px) {
  .platform{
    padding:40px 0;
  }
}
.platform-top{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.platform-main{
  position: relative;
  width: 100%;
  margin-top:144px;
}
@media (max-width: 1440px) {
  .platform-main{
    margin-top:100px;
  }
}
@media (max-width: 1200px) {
  .platform-main{
    margin-top:80px;
  }
}
@media (max-width: 992px) {
  .platform-main{
    margin-top:60px;
  }
}
@media (max-width: 768px) {
  .platform-main{
    margin-top:50px;
  }
}
.platform-main::after{
  content: '';
  width:100%;
  height:75px;
  background: url(../images/platform-line.png) no-repeat center;
  background-size: contain;
  position: absolute;
  left:0;
  bottom: 00px;
}
@media (max-width: 576px) {
  .platform-page,
  .platform-main::after{
    display: none;
  }
}
.platform-side{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.platform-side span{
  margin-top:50px;
  display: flex;
  justify-content: center;
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 18px;
  line-height: 1.6;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 1440px) {
  .platform-side span{
    font-size:16px;
    margin:30px 0 20px 0;
  }
}
@media (max-width: 992px) {
  .platform-side span{
    font-size:14px;
    margin:20px 0 15px 0;
  }
}
.platform-img{
  background-position:bottom center;
  background-repeat: no-repeat;
  background-size:cover;
}
.platform-pic{
  position: relative;
}
.platform-pic::after{
  content: '';
  width:24px;
  height:185px;
  background: url(../images/platform-pic.png) no-repeat center;
  background-size: cover;
  position: absolute;
  bottom: 0;
  right:0;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
}
.platform-img img{
  opacity: 0;
}
.team-page .swiper-button-prev::after,
.team-page .swiper-button-next::after,
.platform-page .swiper-button-prev::after,
.platform-page .swiper-button-next::after{
  display: none;
}
.platform-page .swiper-button-next,
.platform-page .swiper-button-prev{
  width:48px;
  height:48px;
  opacity: 1;
  background: url(../images/platform-page.svg) no-repeat center;
  background-size: cover;
}
.platform-page .swiper-button-prev{
  left:-110px;
}
@media (max-width: 1200px) {
  .platform-page .swiper-button-prev{
    left:-80px;
  }
}
@media (max-width: 992px) {
  .platform-page .swiper-button-prev{
    left:-50px;
  }
}
.platform-page .swiper-button-next{
  right:-110px;
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}
@media (max-width: 1200px) {
  .platform-page .swiper-button-next{
    right:-80px;
  }
}
@media (max-width: 992px) {
  .platform-page .swiper-button-next{
    right:-50px;
  }
}
.platform-page .swiper-button-next:hover,
.platform-page .swiper-button-prev:hover{
  background: url(../images/platform-page1.svg) no-repeat center;
  background-size: cover;
  transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
}
.platform-page .swiper-button-prev:hover{
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}
/* 团队 */
.team{
  height:760px;
  background: rgba(241, 248, 255, 1);
  padding-top: 110px;
  position: relative;
}
@media (max-width: 1440px) {
  .team{
    height:auto;
    padding:100px 0;
  }
}
@media (max-width: 1200px) {
  .team{
    padding:90px 0;
  }
}
@media (max-width: 992px) {
  .team{
    padding:70px 0 80px;
  }
}
@media (max-width: 768px) {
  .team{
    padding:60px 0;
  }
}
@media (max-width: 576px) {
  .team{
    padding:50px 0;
  }
}
.team .container{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 992px) {
  .team .container{
    flex-direction: column-reverse;
  }
}
.device-pic,
.team-pic{
  position: relative;
  overflow: hidden;
}
.device-img,
.team-img{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  background-image: url();
}
.device-img img,
.team-img img{
  opacity: 0;
}
.team-l{
  max-width:662px;
  width: 45.97%;
  position: relative;
}
@media (max-width: 992px) {
  .team-l{
    width:100%;
  }
}
.team-r{
  max-width:706px;
  width: 49.02%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1440px) {
  .team-r{
    width:51%;
  }
}
@media (max-width: 992px) {
  .team-r{
    width:100%;
    align-items: center;
  }
}
.team-desc{
  margin-top:60px;
}
@media (max-width: 1440px) {
  .team-desc{
    margin-top:50px;
  }
}
@media (max-width: 1200px) {
  .team-desc{
    margin-top:30px;
  }
}
@media (max-width: 992px) {
  .team-desc{
    margin:20px 0;
  }
}
.team-desc p{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 18px;
  line-height: 1.8;
  color: rgba(96, 98, 102, 1);
  text-indent: 2rem;
}
@media (max-width: 1440px) {
  .team-desc p{
    font-size:16px;
  }
}
@media (max-width: 768px) {
  .team-desc p{
    font-size:14px;
    line-height: 1.7;
  }
}
.team-page{
  position: absolute;
  left:0;
  bottom: 0;
  z-index: 22;
  width:294px;
  height:83px;
  background: var(--blue--);
  transform: translate(-22px,33px);
  -webkit-transform: translate(-22px,33px);
  -moz-transform: translate(-22px,33px);
  -ms-transform: translate(-22px,33px);
  -o-transform: translate(-22px,33px);
}
@media (max-width: 1440px) {
  .team-page{
    width:260px;
    height:70px;
    transform: translate(-8px,20px);
    -webkit-transform: translate(-8px,20px);
    -moz-transform: translate(-8px,20px);
    -ms-transform: translate(-8px,20px);
    -o-transform: translate(-8px,20px);
}
}
@media (max-width: 1200px) {
  .team-page{
    width:180px;
    height:60px;
  }
}
@media (max-width: 992px) {
  .team-page{
    height:50px;
    background: none;
    height:100%;
    width: 100%;
    transform: translate(0,0px);
    -webkit-transform: translate(0,0px);
    -moz-transform: translate(0,0px);
    -ms-transform: translate(0,0px);
    -o-transform: translate(0,0px);
}
}
@media (max-width: 768px) {
    .team-page{
        display: none;
    }
}
.team-page .swiper-button-next,
.team-page .swiper-button-prev{
  width:43px;
  height:43px;
  background: url(../images/team-page.svg) no-repeat center;
  background-size: cover;
}
@media (max-width: 1200px) {
  .team-page .swiper-button-next,
  .team-page .swiper-button-prev{
    width:36px;
    height:36px;
  }
}
@media (max-width: 992px) {
  .team-page .swiper-button-next,
  .team-page .swiper-button-prev{
    width:30px;
    height:30px;
    top:50%;
    background: url(../images/team-page1.svg) no-repeat center;
    background-size: cover;
}
}
.team-page .swiper-button-prev{
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  left:22px;
}
.team-page .swiper-button-next{
  right:0;
  left:80px;
}
@media (max-width: 1200px) {
  .team-page .swiper-button-next{
    left:70px;
  }
}
@media (max-width: 992px) {
  .team-page .swiper-button-prev{
    left:-40px;
  }
  .team-page .swiper-button-next{
    left:auto;
    right:-40px;
  }
}
/* 研发设备  */
.device{
  height:1200px;
  background: url(../images/device.jpg) no-repeat center;
  background-size: cover;
  padding-top: 100px;
  position: relative;
}
@media (max-width: 1440px) {
  .device{
    height:auto;
    padding:90px 0;
  }
}
@media (max-width: 1200px) {
  .device{
    padding:80px 0;
  }
}
@media (max-width: 992px) {
  .device{
    padding:70px 0;
  }
}
@media (max-width: 768px) {
  .device{
    padding:60px 0;
  }
}
.device-main{
  position: relative;
  width: 100%;
  padding-top:70px;
}
@media (max-width: 1440px) {
  .device-main{
    padding-top:60px;
  }
}
@media (max-width: 1200px) {
  .device-main{
    padding-top:50px;
  }
}
@media (max-width: 992px) {
  .device-main{
    padding-top:40px;
  }
}
@media (max-width: 768px) {
  .device-main{
    padding-top:30px;
  }
}
@media (max-width: 576px) {
  .device-main{
    padding-top:20px;
  }
}
.device-box{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 12px;
}
@media (max-width: 1440px) {
  .device-box{
    padding-bottom: 0;
  }
}
.device-box:hover .device-img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.device-box span{
  padding-top: 10px;
  display: flex;
  justify-content: center;
  font-family:'AlibabaPuHuiTi-2-55-Regular';
  font-size: 20px;
  line-height: 2;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1440px) {
  .device-box span{
    font-size:18px;
    line-height: 1.8;
  }
}
@media (max-width: 1200px) {
  .device-box span{
    font-size:16px;
    line-height: 1.6;
  }
}
@media (max-width: 992px) {
  .device-box span{
    font-size:14px;
    line-height: 1.4;
  }
}
.device-box:hover span{
  color:var(--red--);
}
#device_swiper{
  padding-bottom: 60px;
}
@media (max-width: 1440px) {
  #device_swiper{
    padding-bottom: 50px;
  }
}
@media (max-width: 1200px) {
  #device_swiper{
    padding-bottom: 40px;
  }
}
@media (max-width: 992px) {
  #device_swiper{
    padding-bottom: 30px;
  }
}
@media (max-width: 576px) {
  #device_swiper{
    padding-bottom: 20px;
  }
}
#device_swiper .swiper-scrollbar{
  height:2px;
  background:rgba(228, 231, 237, 1) ;
}
#device_swiper .swiper-scrollbar-drag{
  height:3px;
  background: var(--red--);
}
/* 产品中心 */
#sub_swiper2 .sub-li:hover,
#sub_swiper2 .sub-li.on{
  background: rgba(0, 0, 0, 0.1);
}
.inner-name2{
    display: flex;
    flex-direction: column;
    width: fit-content;
    align-items: flex-start;
}
.inner-name2 p{
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-size:50px;
  line-height: 1.6;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1440px) {
  .inner-name2 p{
    font-size:2.5rem;
  }
}
@media (max-width: 1200px) {
  .inner-name2 p{
    font-size:2.2rem;
  }
}
@media (max-width: 992px) {
  .inner-name2 p{
    font-size:1.8rem;
  }
}
@media (max-width: 768px) {
  .inner-name2 p{
    font-size:1.5rem;
  }
}
@media (max-width: 576px) {
  .inner-name2 p{
    font-size:1.2rem;
  }
  .inner-name2{
      display: none;
  }
}
.sample-layout{
  background: #f5f6f8;
  padding:20px 0 70px 0;
  position: relative;
}
@media (max-width: 1200px) {
  .sample-layout{
    padding-bottom: 60px;
  }
}
@media (max-width: 992px) {
  .sample-layout{
    padding-bottom: 50px;
  }
}
@media (max-width: 768px) {
  .sample-layout{
    padding-bottom: 40px;
  }
}
@media (max-width: 576px) {
  .sample-layout{
    padding-bottom: 30px;
  }
}
.sample-layout .container{
  padding-bottom: 30px;
}
@media (max-width: 1200px) {
  .sample-layout .container{
    padding-bottom: 20px;
  }
}
.sample-box{
  background: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top:34px;
  cursor: pointer;
}
@media (max-width: 1200px) {
  .sample-box{
    padding-top:26px;
  }
}
@media (max-width: 992px) {
  .sample-box{
    padding-top:16px;
  }
}
@media (max-width: 768px) {
  .sample-box{
    padding-top:10px;
  }
}
@media (max-width: 576px) {
  .sample-box{
    padding-top:0px;
  }
}
.sample-box span{
  display: block;
  margin-top:30px;
  height:52px;
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 18px;
  line-height: 1.6;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1200px) {
  .sample-box span{
    margin-top:20px;
    font-size:16px;
  }
}
@media (max-width: 992px) {
  .sample-box span{
    margin-top:14px;
    font-size:14px;
    height:46px;
  }
}
@media (max-width: 768px) {
  .sample-box span{
    margin-top:10px;
    height:40px;
  }
}
@media (max-width: 576px) {
  .sample-box span{
    margin-top:5px;
    height:35px;
  }
}
.sample-box:hover span{
  color:var(--blue--);
}
.sample-box:hover .device-img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.sample-layout .row *{
  --bs-gutter-x:42px;
  --bs-gutter-y:40px;
}
@media (max-width: 1200px) {
  .sample-layout .row *{
    --bs-gutter-x:32px;
    --bs-gutter-y:28px;
  }
}
@media (max-width: 992px) {
  .sample-layout .row *{
    --bs-gutter-x:26px;
    --bs-gutter-y:24px;
  }
}
@media (max-width: 768px) {
  .sample-layout .row *{
    --bs-gutter-x:20px;
    --bs-gutter-y:20px;
  }
}
.top{
  position: absolute;
  top:30px;
  right:60px;
  z-index: 222;
  cursor: pointer;
}
.top-box2{
    padding:80px 0;height:auto;
}
.top-box2-name{
    font-size:25px;margin-right:20px;
}
@media (max-width: 1440px) {
  .top{
    right:30px;
  }
  .top svg{
    width:40px;
    height:40px;
  }
}
@media (max-width: 768px) {
    .top-box2-name{
        font-size:15px;margin-right:10px;
    }
    .top-box2{
        padding:40px 0;height:auto;
    }
    .top{
        top:20px;
    right:20px;
  }
  .top svg{
    width:30px;
    height:30px;
  }
}
.white-line{
  height:calc( var(--header_height--) );
}
@media (max-width: 1200px) {
  .white-line{
    height:calc( var(--header_height--)  );
  }
}
.nav-box{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height:60px;
  border-bottom: 1px solid rgba(228, 231, 237, 1);
}
@media (max-width: 1200px) {
  .nav-box{
    height:48px;
  }
}
.breadcrumb{
  align-items: center;
  --bs-breadcrumb-margin-bottom:0;
}
.nav-box-return a,
.nav-box li,
.nav-box li a{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 18px;
  line-height: 1;
  color: rgba(96, 98, 102, 1);
}


.nav-box li{
    display: flex;
    align-items: center;
}
.nav-box li svg{
    width:20px;
    height:20px;
    margin-right:4px;
}
.map-layout>div>img{
    width:100%;
}

@media (max-width: 1440px) {
  .nav-box-return a,
  .nav-box li,
  .nav-box li a{
    font-size:16px;
  }
}
@media (max-width: 1200px) {
  .nav-box-return a,
  .nav-box li,
  .nav-box li a{
    font-size:14px;
  }
}
.suggest{
  margin-top:70px;
  height:782px;
  background: #f5f6f8;
  padding-top: 120px;
}
@media (max-width: 1440px) {
  .suggest{
    margin-top:50px;
    height:auto;
    padding: 90px 0;
  }
}
@media (max-width: 1200px) {
  .suggest{
    margin-top:40px;
    padding: 80px 0;
  }
}
@media (max-width: 992px) {
  .suggest{
    margin-top:30px;
    padding: 70px 0;
  }
}
@media (max-width: 768px) {
  .nav-box-return{
    display: none;
  }
  .suggest{
    margin-top:20px;
    padding: 60px 0;
  }
}
@media (max-width: 576px) {
  .suggest{
    padding: 50px 0;
  }
}
.suggest-h1{
  display: flex;
  justify-content: center;
}
.suggest-h1 span{
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-size: 45px;
  line-height: 1;
  color: rgba(48, 49, 51, 1);
  position: relative;
}
@media (max-width: 1440px) {
  .suggest-h1 span{
    font-size:40px;
  }
}
@media (max-width: 1200px) {
  .suggest-h1 span{
    font-size:35px;
  }
}
@media (max-width: 992px) {
  .suggest-h1 span{
    font-size:30px;
  }
}
@media (max-width: 768px) {
  .suggest-h1 span{
    font-size:25px;
  }
}
@media (max-width: 576px) {
  .suggest-h1 span{
    font-size:22px;
  }
}
.suggest-h1 span::after{
  content: '';
  width:48px;
  height:5px;
  background: var(--red--);
  position: absolute;
  bottom:-40px ;
  left:50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
@media (max-width: 1440px) {
  .suggest-h1 span::after{
    bottom:-30px ;
  }
}
@media (max-width: 1200px) {
  .suggest-h1 span::after{
    bottom:-20px;
    width:40px;
    height:4px;
  }
}
@media (max-width: 992px) {
  .suggest-h1 span::after{
    width:30px;
  }
}
@media (max-width: 768px) {
  .suggest-h1 span::after{
    width:26px;
    bottom:-16px;
  }
}
@media (max-width: 576px) {
  .suggest-h1 span::after{
    width:22px;
    height:3px;
    bottom:-12px;
  }
}
.suggest-main{
  padding-top: 95px;
}
@media (max-width: 1440px) {
  .suggest-main{
    padding-top: 80px;
  }
}
@media (max-width: 1200px) {
  .suggest-main{
    padding-top: 70px;
  }
}
@media (max-width: 992px) {
  .suggest-main{
    padding-top: 60px;
  }
}
@media (max-width: 576px) {
  .suggest-main{
    padding-top: 40px;
  }
}
.suggest-main .sample-box span{
  margin-top:60px;
}
@media (max-width: 1440px) {
  .suggest-main .sample-box span{
    margin-top:40px;
  }
}
@media (max-width: 1200px) {
  .suggest-main .sample-box span{
    margin-top:30px;
  }
}
@media (max-width: 992px) {
  .suggest-main .sample-box span{
    margin-top:20px;
  }
}
@media (max-width: 768px) {
  .suggest-main .sample-box span{
    margin-top:16px;
  }
}
@media (max-width: 576px) {
  .suggest-main .sample-box span{
    margin-top:10px;
  }
}
#suggest_swiper{
  padding-bottom: 90px;
}
@media (max-width: 1440px) {
  #suggest_swiper{
    padding-bottom: 70px;
  }
}
@media (max-width: 1200px) {
  #suggest_swiper{
    padding-bottom: 60px;
  }
}
@media (max-width: 992px) {
  #suggest_swiper{
    padding-bottom: 50px;
  }
}
#suggest_swiper .swiper-pagination-bullet{
  width:8px;
  height:8px;
  margin:0 10px;
  background: rgba(0, 0, 0, 0.3);
  opacity: 1;
  position: relative;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 992px) {
  #suggest_swiper .swiper-pagination-bullet{
    margin:0 6px;
  }
}
@media (max-width: 768px) {
  #suggest_swiper .swiper-pagination-bullet{
    width:6px;
    height:6px;
    margin:0 5px;
  }
}
#suggest_swiper .swiper-pagination-bullet-active{
  background: var(--blue--);
}
#suggest_swiper .swiper-pagination-bullet-active::after{
  content: '';
  width:20px;
  height:20px;
  border:1px solid var(--blue--);
  position: absolute;
  left:50%;
  top:50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
@media (max-width: 768px) {
  #suggest_swiper .swiper-pagination-bullet-active::after{
    width:16px;
    height:16px;
  }
}
.view-top{
  margin-top:40px;
  padding-top:40px;
  border-top: 1px solid rgba(228, 231, 237, 1)
}
@media (max-width: 1440px) {
  .view-top{
    margin-top:30px;
    padding-top:30px;
  }
}
@media (max-width: 1200px) {
  .view-top{
    margin-top:20px;
    padding-top:20px;
  }
}
@media (max-width: 992px) {
  .view-top{
    margin-top:14px;
    padding-top:14px;
  }
}
@media (max-width: 768px) {
  .view-top{
    margin-top:10px;
    padding-top:10px;
  }
}
@media (max-width: 576px) {
  .view-top{
    margin-top:8px;
    padding-top:8px;
  }
}
.view-top span{
  position: relative;
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-size: 32px;
  line-height: 1.6;
  color: rgba(48, 49, 51, 1);
  padding-left: 24px;
}
@media (max-width: 1440px) {
  .view-top span{
    font-size: 26px;
    padding-left: 18px
  }
}
@media (max-width: 1200px) {
  .view-top span{
    font-size: 22px;
    padding-left: 16px;
  }
}
@media (max-width: 992px) {
  .view-top span{
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .view-top span{
    font-size: 16px;
    padding-left: 14px;
  }
}
@media (max-width: 576px) {
  .view-top span{
    font-size: 14px;
    padding-left: 12px;
  }
}
.view-top span::after{
  content: '';
  width:4px;
  height:34px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  background: var(--red--);
  position: absolute;
  left:0;
  top:50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
@media (max-width: 1440px) {
  .view-top span::after{
    height:26px;
    width:3px;
  }
}
@media (max-width: 1200px) {
  .view-top span::after{
    height:20px;
  }
}
@media (max-width: 768px) {
  .view-top span::after{
    height:16px;
    width:3px;
  }
}
.view-desc{
  padding-top:26px;
  padding-bottom: 16px;
}
@media (max-width: 1440px) {
  .view-desc{
    padding-top:22px;
    padding-bottom: 12px;
  }
}
@media (max-width: 1200px) {
  .view-desc{
    padding-top:18px;
    padding-bottom: 8px;
  }
}
@media (max-width: 992px) {
  .view-desc{
    padding-top:12px;
  }
}
.view-desc p{
  font-size: 18px;
  line-height: 2;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 1440px) {
  .view-desc p{
    font-size: 16px;
    line-height: 1.8;
  }
}
@media (max-width: 1200px) {
  .view-desc p{
    font-size: 14px;
    line-height: 1.6;
  }
}
@media (max-width: 768px) {
  .view-desc p{
    font-size: 12px;
  }
}
.view-main{
  display: flex;
  justify-content: space-between;
  padding-top: 156px;
  padding-bottom: 50px;
}
@media (max-width: 1440px) {
  .view-main{
    padding-top: 120px;
    padding-bottom: 40px;
  }
}
@media (max-width: 1200px) {
  .view-main{
    padding-top: 80px;
    padding-bottom: 30px;
  }
}
@media (max-width: 992px) {
  .view-main{
    padding-top: 70px;
    padding-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .view-main{
    padding-top: 60px;
    flex-direction:column-reverse;
  }
}
@media (max-width: 576px) {
  .view-main{
    padding-top: 40px;
  }
}
.view-l{
  max-width: 633px;
  width: 43.95%;
  padding-top: 30px;
}
@media (max-width: 1200px) {
  .view-l{
    width:56%;
  }
}
@media (max-width: 768px) {
  .view-l{
    width:100%;
  }
}
.view-more{
  display: flex;
  padding-top:110px;
}
@media (max-width: 1440px) {
  .view-more{
    padding-top: 90px;
  }
}
@media (max-width: 1200px) {
  .view-more{
    padding-top: 80px;
  }
}
@media (max-width: 992px) {
  .view-more{
    padding-top: 70px;
  }
}
@media (max-width: 768px) {
  .view-more{
    padding-top: 50px;
    justify-content: center;
  }
}
@media (max-width: 576px) {
  .view-more{
    padding-top: 40px;
  }
}
.view-more a{
  display: flex;
  align-items: center;
  justify-content: center;
  max-width:220px;
  width:34.75%;
  height:56px;
  border: 1px solid var(--blue--);
  margin-right:20px;
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 18px;
  line-height: 1.6;
  color: var(--blue--);
}
@media (max-width: 1440px) {
  .view-more a{
    height:50px;
  }
}
@media (max-width: 1200px) {
  .view-more a{
    height:46px;
    font-size: 16px;
  }
}
@media (max-width: 992px) {
  .view-more a{
    height:40px;
    font-size: 14px;
  }
}
@media (max-width: 576px) {
  .view-more a{
    height:36px;
  }
}
.view-more a:hover{
  background: var(--blue--);
  color:#ffffff;
}
.view-title span{
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-size: 50px;
  line-height: 1;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1440px) {
  .view-title span{
    font-size: 40px;
  }
}
@media (max-width: 1200px) {
  .view-title span{
    font-size: 35px;
  }
}
@media (max-width: 992px) {
  .view-title span{
    font-size: 30px;
  }
}
@media (max-width: 768px) {
  .view-title span{
    font-size: 25px;
  }
}
@media (max-width: 576px) {
  .view-title span{
    font-size: 22px;
  }
}
.view-txt{
  margin-top:26px;
}
@media (max-width: 1200px) {
  .view-txt{
    margin-top:16px;
  }
}
@media (max-width: 768px) {
  .view-txt{
    margin-top:10px;
  }
}
.view-txt p{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 20px;
  line-height: 2;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 1440px) {
  .view-txt p{
    font-size: 18px;
    line-height: 1.8;
  }
}
@media (max-width: 1200px) {
  .view-txt p{
    display: contents;
    font-size: 16px;
    line-height: 1.6;
  }
}
@media (max-width: 992px) {
  .view-txt p{
    font-size: 14px;
    line-height: 1.6;
  }
}
.view-r{
  max-width: 528px;
  width: 36.66%;
  padding-top: 0px;
}
@media (max-width: 768px) {
  .view-r{
    width:100%;
  }
}
#view_swiper{
  padding-bottom: 70px;
}
@media (max-width: 1440px) {
  #view_swiper{
    padding-bottom: 50px;
  }
}
@media (max-width: 1200px) {
  #view_swiper{
    padding-bottom: 40px;
  }
}
@media (max-width: 992px) {
  #view_swiper{
    padding-bottom: 30px;
  }
}
#view_swiper .swiper-pagination-bullet{
  width:6px;
  height:6px;
  margin:0 4px;
  background: rgba(217, 217, 217, 1);
  opacity: 1;
  position: relative;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
#view_swiper .swiper-pagination-bullet-active{
  width:12px;
  height:12px;
  background: var(--red--);
}
@media (max-width: 992px) {
  #view_swiper .swiper-pagination-bullet-active{
    width:8px;
    height:8px;
  }
}
#view_swiper .swiper-pagination{
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal{
  --bs-modal-width:1300px;
  --bs-modal-height:640px;
  background: rgba(48, 49, 51, 0.9);
}
@media (max-width:1440px){
  .modal{
    --bs-modal-width:1200px;
    --bs-modal-height:580px;
  }
}
@media (max-width:1200px){
  .modal{
    --bs-modal-width:1000px;
    --bs-modal-height:500px;
  }
}
@media (max-width: 992px) {
  .modal{
    --bs-modal-width:780px;
    --bs-modal-height:auto;
  }
}
@media (max-width:768px){
  .modal{
    --bs-modal-width:90%;
  }
}
.notes-close{
  position: absolute;
  top:36px;
  right:36px;
}
@media (max-width:1200px){
  .notes-close{
    top:26px;
    right:26px;
  }
}
@media (max-width: 992px) {
  .notes-close{
    top:16px;
    right:16px;
  }
}
@media (max-width: 768px) {
  .notes-close{
    top:6px;
    right:6px;
  }
}
.notes-r .mes_box{
  padding:0;
  margin-top:0;
  background: none;
}
.notes-top{
  display: flex;
  justify-content: center;
  padding-top:56px;
}
@media (max-width:1440px){
  .notes-top{
    padding-top:30px;
  }
}
@media (max-width:1200px){
  .notes-top{
    padding-top:10px;
  }
}
.notes-top span{
  font-family:'AlibabaPuHuiTi-2-65-Medium';
  font-size: 45px;
  line-height: 1;
  color: rgba(48, 49, 51, 1);
}
@media (max-width:1440px){
  .notes-top span{
    font-size:2.5rem;
  }
}
@media (max-width: 1200px) {
  .notes-top span{
    font-size:2.2rem;
  }
}
@media (max-width: 992px) {
  .notes-top span{
    font-size:1.8rem;
  }
}
@media (max-width: 768px) {
  .notes-top span{
    font-size:1.5rem;
  }
}
@media (max-width: 576px) {
  .notes-top span{
    font-size:1.2rem;
  }
}
.notes-main{
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 50px;
  padding-bottom:60px;
}
@media (max-width:1440px){
  .notes-main{
    padding-top: 30px;
    padding-bottom:40px;
  }
}
@media (max-width:992px){
  .notes-main{
    padding-top: 15px;
    padding-bottom:20px;
  }
}
@media (max-width:768px){
  .notes-main{
    flex-direction: column;
  }
}
@media (max-width:568px){
  .notes-main{
    padding:10px 0;
  }
}
.notes-r{
  max-width: 840px;
  width:64.61%;
  margin-left:14px;
}
@media (max-width:768px){
  .notes-r{
    width:100%;
    margin-left:0;
  }
}
.notes-l{
  max-width: 310px;
  width: 23.84%;
  margin-right:14px;
  position: relative;
  padding-top: .7rem;
}
@media (max-width:1200px){
  .notes-l{
    padding-top:.4rem;
    
  }
  #minus,
  #add{
    width:30px;
    height:30px;
  }
}
@media (max-width:768px){
  .notes-l{
    width:100%;
    max-width: 100%;
    margin-right:0;
  }
  .notes-r .mes_box .row *{
    --bs-gutter-x:.4rem;
  }
  .notes-r .mes_box-txt p{
    margin-bottom: 5px;
  }
  .notes-main .mes_box-txt p textarea{
    height:60px !important;
  }
}
@media (max-width:992px){
  #minus,
  #add{
    width:24px;
    height:24px;
  }
}
.notes-box{
  width:100%;
  height:370px;
  border: 1px solid rgba(235, 238, 245, 1);
}
@media (max-width:1200px){
  .notes-box{
    height:auto;
  }
}
.notes-top{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.notes-txt{
  padding:0 30px ;
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 18px;
  line-height: 1.6;
  text-align: center;
  color: rgba(48, 49, 51, 1);
}
@media (max-width:1200px){
  .notes-txt{
    padding:0 20px ;
    font-size:16px;
  }
}
@media (max-width:992px){
  .notes-txt{
    padding:0 10px ;
    font-size:14px;
  }
}
.notes-end{
  position: absolute;
  left:0;
  bottom: 0;
  width: 100%;
  height:72px;
  background:rgba(235, 238, 245, 1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding:0 22px 0 26px;
}
@media (max-width:1200px){
  .notes-end{
    position: relative;
    margin-top:40px;
    height:50px;
    padding:0 16px;
  }
}
@media (max-width:992px){
  .notes-end{
    margin-top:30px;
    height:40px;
    padding:0 10px;
  }
  .notes-end span{
    font-size:12px;
  }
}
@media (max-width:768px){
  .notes-end{
    margin-top:10px;
  }
}
.notes-end p{
  display:flex;
  align-items: center;
}
.notes-end p input{
  width:60px;
  background: none;
  border:none;
  text-align: center;
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 24px;
  text-align: center;
  color: rgba(48, 49, 51, 1);
}
@media (max-width:1200px){
  .notes-end p input{
    width:40px;
    font-size: 18px;
  }
}
.notes-end p svg{
  cursor: pointer;
}
.notes-end p .notes-svg{
  stroke:#606266;
}
.notes-end p svg:hover .notes-svg{
  stroke:#004EA2;
}
.notes-main .mes_box-txt p textarea{
  height:110px;
}
.notes-main .mes_box button{
  margin-top:60px;
  margin-left:16%;
}
.view-box{
  margin-top:3rem;
}
@media (max-width: 1441px) {
  .notes-main .mes_box button{
    margin-top:30px;
    margin-left:10%;
  }
  .view-box{
    margin-top:2rem;
  }
}
@media (max-width: 1200px) {
  .view-box{
    margin-top:1.6rem;
  }
}
@media (max-width: 768px) {
  .notes-main .mes_box button{
    margin-top:10px;
    margin-left:0;
  }
  .view-box{
    margin-top:1.2rem;
  }  
}
.view-box .title{
  font-size: 36px;
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  line-height: 1.6;
  letter-spacing: 0.02em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1441px) {
  .view-box .title{
    font-size: 2.2rem;
    line-height: 1.4;
  }
}
@media (max-width: 1200px) {
  .view-box .title{
    font-size: 2rem;
  }
}
@media (max-width: 992px) {
  .view-box .title{
    font-size: 1.7rem;
    line-height: 1.2;
  }
}
@media (max-width: 768px) {
  .view-box .title{
    font-size: 1.5rem;
  }
}
@media (max-width: 576px) {
  .view-box .title{
    font-size: 1.2rem;
  }
}
.view-box .info{
  display: flex;
  justify-content: center;
  align-items: center;
  margin:1rem 0;
}
@media (max-width: 992px) {
  .view-box .info{
    margin:.5rem 0;
  }
}
.view-box .info span{
  display: flex;
  align-items: center;
  margin:0 1rem;
  font-size: 15px;
  font-weight: 400;
  line-height: 21.75px;
  letter-spacing: 0.02em;
  text-align: justified;
  color: rgba(144, 147, 153, 1);
}
@media (max-width: 1441px) {
  .view-box .info span{
    font-size:.9rem;
    line-height: 1.4;
  }
}
@media (max-width: 992px) {
  .view-box .info span{
    font-size:.8rem;
    margin:0 .5rem;
  }
}
@media (max-width: 768px) {
  .view-box .info span{
    font-size:.7rem;
    margin:0 .2rem;
  }
}
.view-box .info span svg{
  margin-right:.3rem;
}
@media (max-width: 768px) {
  .view-box .info span svg{
    width:16px;
    height:16px;
  }
}
.view-box .content{
  margin:4rem 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 0.02em;
  text-align: justify;
  color: rgba(48, 49, 51, 1);
}
.view-box .content img,.view-box .content p img{
  margin:10px 0;
}
@media (max-width: 1441px) {
  .view-box .content{
    margin:3rem 0;
    font-size:1rem;
    line-height:1.8;
  }
}
@media (max-width: 1200px) {
  .view-box .content{
    margin:2rem 0;
  }
}
@media (max-width: 992px) {
  .view-box .content{
    margin:1.4rem 0;
    font-size:.9rem;
    line-height:1.6;
  }
}
@media (max-width: 768px) {
  .view-box .content{
    margin:1.2rem 0;
    font-size:.85rem;
  }
}
.view-box .end{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin:5rem 0 3rem 0;
}
@media (max-width: 1441px) {
  .view-box .end{
    margin:4rem 0 2rem 0;
  }
}
@media (max-width: 1200px) {
  .view-box .end{
    margin:3rem 0 1.5rem 0;
  }
}
@media (max-width: 992px) {
  .view-box .end{
    margin-top:2rem;
  }  
}
@media (max-width: 768px) {
  .view-box .end{
    margin-top:1.6rem;
  } 
}
.view-box .end-line{
  width:45.83%;
  height:1px;
  background:rgba(228, 231, 237, 1) ;
}
.view-box .end-round{
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  left:50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
@media (max-width: 1200px) {
  .view-box .end-round svg{
    width:50px;
    height:50px;
  }
}
@media (max-width: 992px) {
  .view-box .end-round svg{
    width:40px;
    height:40px;
  }
}
@media (max-width: 768px) {
  .view-box .end-round svg{
    width:30px;
    height:30px;
  }
}
.view-box .end-round span{
  margin-top:8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  letter-spacing: 0.02em;
  text-align: center;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 1200px) {
  .view-box .end-round span{
    margin-top:5px;
    font-size: .9rem;
    line-height: 1.4;
  }
}
@media (max-width: 992px) {
  .view-box .end-round span{
    font-size: .8rem;
  }
}
@media (max-width: 768px) {
  .view-box .end-round span{
    font-size: .7rem;
    margin-top:4px;
    display: none;
  }
}

.view-box .end-round:hover span{
  color:var(--origin--);
}
.view-box .tool{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 6rem;
}
@media (max-width: 1441px) {
  .view-box .tool{
    padding-bottom: 4rem;
  }
}
@media (max-width: 1200px) {
  .view-box .tool{
    padding-bottom: 3rem;
  }
}
@media (max-width: 768px) {
  .view-box .tool{
    padding-bottom: 2rem;
  }
}
.view-box .tool a{
  width:200px;
  height:54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(235, 238, 245, 1);
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  letter-spacing: 0.02em;
  text-align: left;
  color: rgba(144, 147, 153, 1);
}
@media (max-width: 1441px) {
  .view-box .tool a{
    width:160px;
    height:40px;
    font-size: 1rem;
    line-height: 1.4;
  }
}
@media (max-width: 1200px) {
  .view-box .tool a{
    width:150px;
    height:36px;
    font-size: .9rem;
  }
}
@media (max-width: 992px) {
  .view-box .tool a{
    width:130px;
    height:30px;
    font-size: .8rem;
  }
}
@media (max-width: 768px) {
  .view-box .tool a{
    width:120px;
    height:26px;
    font-size: .7rem;
  }
}
.view-box .tool a:hover{
  background: #DC541B;
  color:#ffffff;
  border:1px solid #DC541B;
}



.navi {
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  cursor: pointer;
  display: none;
}
@media (max-width: 992px) {
  .navi {
    display: flex;
  }
}
.navi a {
  width: 27px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.navi span {
  width: 100%;
  opacity: 1;
  background: rgba(255, 255, 255, 1);
  border-radius: 1.5px;
  height: 3px;
  margin:3px 0;
  display: block;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.navi span:nth-child(2){
  width:100%;
}
.navi span:last-child{
  width:100%;
}
.navi.on span:last-child {
  display: none;
}
.navi.on span:nth-child(1) {
  transform: skewY(40deg) translateX(6px) translateY(0px);
  -webkit-transform: skewY(40deg) translateX(6px) translateY(0px);
  -moz-transform: skewY(40deg) translateX(6px) translateY(0px);
  -ms-transform: skewY(40deg) translateX(6px) translateY(0px);
  -o-transform: skewY(40deg) translateX(6px) translateY(0px);
}
.navi.on span:nth-child(2) {
  transform: skewY(-40deg) translateX(6px);
  -webkit-transform: skewY(-40deg) translateX(6px);
  -moz-transform: skewY(-40deg) translateX(6px);
  -ms-transform:skewY(-40deg) translateX(6px);
  -o-transform: skewY(-40deg) translateX(6px);
  width: 100%;
}
#header.white .navi span,
#header.on .navi span{
  background: rgba(48, 49, 51, 1);
}
.header-nav {
	background: #ffffff;
	display: none;
	width: 100%;
	position: fixed;
	left: 0;
	top: 104px;
    z-index: 888888;
}
@media (max-width:991px){
  .header-nav {
    top:70px;
  }
}

.header-nav>ul>li>a {
	display: block;
  width:100%;
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
	font-size: 15px;
	color: #081f2c;
  padding: 16px 10px;
}
.header-nav>ul>li{
  cursor: pointer;
  position: relative;
  display: block;
  border-top: 1px solid #e0e0e0;
}
.header-nav>ul>li:last-child{
  border-bottom: 1px solid #e0e0e0;
}
.header-nav>ul>li::after{
	content: " ";
	position: absolute;
	top: 2rem;
	transform: translateY(-50%);
	right: 15px;
	background: url(../images/icon_menu-arrow.svg) no-repeat center;
	background-size: 7px 13px;
	width: 7px;
	height: 13px;
}
.header-nav>ul>li.nav-parent>a{
  width:70%;
}
.header-nav>ul>li.nav-parent::after {
	background: url(../images/icon_plus_black.svg) no-repeat center;
	background-size: 11px 11px;
	width: 11px;
	height: 11px;
}
.header-nav>ul>li.nav-minus::after {
	background: url(../images/icon_minus_black.svg) no-repeat center;
	background-size: 11px 11px;
	width: 11px;
	height: 11px;
}
.header-nav>ul>li>ul {
	display: none;
}
.header-nav>ul>li>ul>li>a {
	position: relative;
	display: block;
	padding: 14px 20px;
	border-top: 1px solid #b7b7b8;
	font-size: 14px;
   font-family: 'AlibabaPuHuiTi-2-65-Medium';
	color: #081f2c;
}
.header-nav>ul>li>ul>li>a::after {
	content: " ";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 15px;
	background: url(../images/icon_menu-arrow.svg) no-repeat center;
	background-size: 7px 13px;
	width: 7px;
	height: 13px;
}
.header-nav-tool{
  display: flex;
  justify-content: center;
  align-items: center;
  padding:10px 0 20px 0;
}
.rotation-wap{
  display: none;
}
@media (max-width: 768px) {
  .section{
    position: relative;
  }
  .rotation-pc{
    display: none;
  }
  .rotation-wap{
    display: block;
  }
}

#news-top{
  position: absolute;
  top:-500px;
}
#device,
#team,
#platform,
#develop,
#about{
  position: absolute;
  top:-150px;
}



.sy-mask {
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(0, 0, 0, 0.8);
	left: 0;
	top: 0;
	z-index: 1000;
}

.sy-alert {
	position: fixed;
	display: none;
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	width: 400px;
	max-width: 90%;
	max-height: 80%;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 9999;
	padding: 5px;
}

.sy-alert.animated {
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
}

.sy-alert .sy-title {
	text-align: center;
	color: #333;
	line-height: 2;
	font-size: 24px;
	border-bottom: 1px solid #eee;
	padding: 0 12px;
}

.sy-alert .sy-content {
	padding: 20px;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	color: #666;
	overflow-y: auto;
}

.sy-alert .sy-btn {
	height: 50%;
	border-top: 1px solid #eee;
	overflow: hidden;
}

.sy-alert .sy-btn button {
	float: left;
	border: 0;
	color: #333;
	cursor: pointer;
	background: #fff;
	width: 50%;
	line-height: 45px;
	font-size: 15px;
	text-align: center;
}

.sy-alert .sy-btn button:nth-child(1) {
	color: #888;
	border-right: 1px solid #eee;
}

.sy-alert.sy-alert-alert .sy-btn button {
	float: none;
	width: 100%;
}

.sy-alert.sy-alert-tips {
	text-align: center;
	width: 150px;
	background: rgba(0, 0, 0, 0.7);
}

.sy-alert.sy-alert-tips .sy-content {
	padding: 8px;
	color: #fff;
	font-size: 14px;
}

.sy-alert.sy-alert-model .sy-content {
	text-align: left;
}

.sy-alert.sy-alert-model .sy-content .form .input-item {
	margin-bottom: 12px;
	position: relative;
	display: flex;
	justify-content: space-between;
}

.sy-alert.sy-alert-model .sy-content .form .input-item input {
	display: block;
	position: relative;
	width: 100%;
	border: 1px solid #eee;
	padding: 10px;
	box-sizing: border-box;
}

.sy-alert.sy-alert-model .sy-content .form .input-item select {
	padding: 10px 5px;
	border: 1px solid #eee;
	box-sizing: border-box;
	display: inline;
	width: 32%;
}

.sy-alert.sy-alert-model .sy-content .form .input-item .getcode {
	border: 0;
	top: 0;
	right: 0;
	position: absolute;
	background: 0;
	line-height: 37px;
	color: #f60;
	width: 100px;
	text-align: center;
}


.ge-search {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: auto;
  z-index: 999999999999999;
  background: rgba(255,255,255,.99)
}

.ge-search-inner {
  position: relative;
  padding-top: 220px
}

.ge-search-close {
  position: fixed;
  z-index: 1;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: right
}

.ge-search-close>a {
  position: relative;
  z-index: 2;
  display: block;
  line-height: 1
}

.ge-search-closeSvgPath {
  fill: #979797
}

.ge-search-input {
  margin: 0 0 60px
}

.ge-search-results {
  margin-bottom: 60px
}

.ge-search-results-title {
  font-family: "Cronos Pro LtDisp";
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.08;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #081f2c;
  margin-bottom: 10px
}

.ge-search-results-list {
  margin-bottom: 40px
}

.ge-search-results-list-heading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.ge-search-results-list-heading-title {
  font-family: "Cronos Pro LtDisp";
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.1;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #081f2c
}

.ge-search-results-messagetext {
  margin-top: -20px;
  margin-bottom: 25px;
  color: #505050
}

.ge-search-results-count {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.ge-search-results-count-text {
  padding-right: 75px;
  color: #505050
}

.ge-search-results-count-tabs {
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  font-size: 2rem;
  -ms-flex-align: center;
  align-items: center
}

.ge-search-results-count-tabs li {
  margin-right: 30px
}

.ge-search-results-count-tabs li a,.ge-search-results-count-tabs li>span {
  color: rgba(8,31,44,.5)
}

.ge-search-results-count-tabs li.is-selected a,.ge-search-results-count-tabs li.is-selected>span {
  color: #081f2c
}

.c-input-group--large {
  position: relative;
  display: block;
  border-bottom: 1px solid #081f2c;
}

.c-input-box--large {
  font-family: "Chronicle Display";
  line-height: 1.2;
  letter-spacing: .02em;
  border: none;
  padding: 0;
  height: 60px;
  font-size: 22px;
  width: 90%;
}

.c-input-group--large>button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 40px;
  height: 35px;
  border: 0;
  background: none;
  cursor: pointer;
}

.ge-search .containers {
  max-width: 800px;
  margin: 0 auto;
}

@media (max-width: 920px) {
  .ge-search .containers {
      padding:0 16px;
  }
}

.highlight{
  color:red;
}





.head_search-close{
    display: none;
}

.navi-search svg:last-child{
  display: none;
}
.navi-search.on svg:first-child{
  display: none;
}
.navi-search.on svg:last-child{
  display: block;
}
.head_search_form {
  display: none;
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  height: 100vh;
  z-index: 8888;
  background: rgba(255, 255, 255, 0.2) url(../images/head_search_bg.jpg) no-repeat center;
  background-size: cover;
}
@media (max-width: 920px) {
    .head_search-close{
        display: block;
        position: absolute;
        top:20px;
        right:20px;
    }
    .head_search_form {
        z-index: 9999999;
    }
}
.head_search_form_box {
  position: absolute;
  top: 40%;
  width: 100%;
}

.head_search_form form {
  display: flex;
  padding: 2.6rem 2.4rem 2.6rem 1.6rem;
  border-bottom: 2px solid #ffffff;
  position: relative;
}
@media (max-width: 920px) {
    .head_search_form form {
        padding:1rem 0;
         border-bottom: 1px solid #ffffff;
    }
}
.head_screen_select {
  width: 7.4rem;
  position: relative;
}

.head_screen_select.en {
  width: 12.4rem;
}

@media (max-width: 920px) {
    .head_screen_select {
      width: 70px;
    }
}
.head_screen_select .head_screen_select_box {
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 3.18rem;
  background: url(../images/head_search_down.png) no-repeat right center;
  background-size: 2.5rem;
  color:#ffffff;
}
@media (max-width: 920px) {
    .head_screen_select .head_screen_select_box {
        font-size:16px;
        line-height:1.4;
        background-size: 30px;
    }
}
.head_screen_select .head_screen_select_option {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 10%);
  margin-top: 13px;
  position: absolute;
  width: 9rem;
  left: -1.4rem;
  display: none;
}
@media (max-width: 920px) {
    .head_screen_select .head_screen_select_option {
        width:auto;
          border-radius: 5px;
          left: 0px;
          padding:8px;
    }
}
.head_screen_select .head_screen_select_option span {
  display: block;
  font-family: AlibabaPuHuiTi-2-55-Regular;
  font-size: 18px;
  font-weight: 400;
  line-height: 56px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #303133;
  padding-left: 24px;
  padding-right: 24px;
}
@media (max-width: 920px) {
    .head_screen_select .head_screen_select_option span {
        font-size:14px;
        line-height:2;
        padding:0 10px;
    }
}
.head_search_form input {
  width: calc(100% - 18rem);
  height: 3.2rem;
  font-size: 2.25rem;
  color: #fff;
  line-height: 3.2rem;
  padding-left: 1rem;
  background: none;
  margin-left: 1rem;
  border:none;
}
@media (max-width: 920px) {
    .head_search_form input {
      height: 30px;
      font-size:16px;
      padding-left: 0rem;
      margin-left: 0rem;
    }
}
.head_search_form input::placeholder {
  color: #fff;
  font-size: 2.25rem;
}
@media (max-width: 920px) {
   .head_search_form input::placeholder {
  font-size: 16px;
} 
}
.head_search_form .head_search_form_submit {
  width: 2.8rem;
  cursor: pointer;
  border: 0;
  outline: none;
  background: none;
  position: absolute;
  right:4rem;
}
@media (max-width: 920px) {
    .head_search_form .head_search_form_submit {
     width: 26px;
     right:20px;
    }
}
.head_search_hot {
  margin-top: 2.4rem;
  font-size: 1.5rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.75);
}
@media (max-width: 920px) {
    .head_search_hot {
      margin-top: 20px;
      font-size: 14px;
    }
}
.head_search_hot a {
  font-size: 1.5rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.75);
  padding-right: 0.6rem;
}
@media (max-width: 920px) {
    .head_search_hot a {
        font-size:14px;
    }
}
.head_search_hot a:last-child {
  padding-right: 0;
}

/* 搜索页面 */
.search-form {
  margin-bottom: 7rem;
  min-height: 30vh;
}

.search-form .search-body {
  margin-top: 6vh;
}

.search-form .search-body span {
  display: block;
  height: 4rem;
  line-height: 4rem;
  color: #303133;
  font-size: 1.6rem;
  text-align: center;
}

.search-form .search-body .search-form-search {
  display: flex;
  justify-content: center;
  border: 1px solid #dfdede;
  -webkit-box-shadow: 0 0 5px #dfdede;
  -moz-box-shadow: 0 0 5px #dfdede;
  box-shadow: 0 0 5px #dfdede;
  width: 40%;
  border-radius: 2rem;
  padding-left: 2rem;
  margin: 1rem auto;
}

.search-form .search-body .search-form-search input[type='text'] {
  height: 4rem;
  width: 85%;
  color: #909399;
  font-size: 1.4rem;
}

.search-form .search-body .search-form-search button[type='submit'] {
  width: 15%;
  height: 4rem;
  background: none;
  border: 0;
}

.search-form .search-info {
  color: #303133;
  height: 4rem;
  line-height: 4rem;
  font-size: 1.6rem;
  margin-top: 5rem;
  /* margin-bottom: 5rem; */
}

.search-form .search-info b {
  color: #e70014;
  font-size: 1.6rem;
}

.view-desc2 table {
  margin: 0 auto !important;
  width: 100% !important;
}
.view-desc2 table tr td{
    padding:10px 0;
}
@media (max-width: 1200px) {
    .view-desc2{
     overflow-X: scroll;
    }
}

.view-desc2 table p,
.view-desc2 table span{
      font-family: AlibabaPuHuiTi-2-45-Light;
  font-size: 14px !important;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: 0.02em;
  /* text-align: center; */
  color: rgba(0, 0, 0, 1) ;
  /*word-break: break-word;*/
  white-space: nowrap;
}
@media (max-width: 1200px) {
    .view-desc2 table p,
    .view-desc2 table span{
         word-break: auto-phrase;
    }
}



.right-nav{
  position: absolute;
  right:20px;
  bottom: 8%;
  z-index: 2222;
}
footer .right-nav{
    position: fixed;
}
@media (max-width: 1200px) {
  .right-nav{
    right:10px;
    bottom: 10%;
  }
}
@media (max-width: 768px) {
  .right-nav{
    display: none;
  }
}
.right-nav li{
  margin:10px 0;
  position: relative;
  width:60px;
  height:60px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background:rgba(255, 255, 255, 1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.right-nav li:hover{
  background: var(--blue--);
}
.right-nav li:hover svg path{
  fill:#ffffff;
}
@media (max-width: 1200px) {
  .right-nav li{
    width:40px;
    height:40px;
  }
  .right-nav li span svg{
    width:18px;
    height:18px;
  }
}
.right-nav li:hover{
  animation: Search .3s  ;
  -webkit-animation: Search .3s  ;
  animation-iteration-count:1;
}
.right-nav li p{
  position: absolute;
  right:140%;
  top:50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  background: #ffffff;
  padding:16px 20px;
  font-size:18px;
  font-family: 'Poppins-Medium';
  text-align: center;
  white-space: nowrap;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  display: none;
}
@media (max-width: 1200px) {
  .right-nav li p{
    padding:10px 12px;
    font-size:16px;
  }
}
.right-nav li .right-code{
  width:120px;
  height:120px;
  padding:6px;
}
@media (max-width: 1200px) {
  .right-nav li .right-code{
    width:100px;
    height:100px;
    padding:4px;
  }
}
.right-nav li:hover p{
  display: block;
}